Light Sea Green

#20B2AA
RGB
32, 178, 170
HSL
177°, 70%, 41%
CMYK
82, 0, 4, 30
HSV
177°, 82%, 70%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #20B2AA color: #20B2AA;
RGB 32, 178, 170 color: rgb(32, 178, 170);
RGB Percentage 13%, 70%, 67% color: rgb(13%, 70%, 67%);
CMYK 82%, 0%, 4%, 30% Not supported in CSS
HSL 177°, 70%, 41% color: hsl(177, 70%, 41%);
HSV 177°, 82%, 70% Not supported in CSS
CIE-LAB 33, -29, 3 color: lab(33% -29 3);
Decimal 2142890 Not supported in CSS

Color Variations

Shades

#1FB2AA
#1CA099
#198E88
#167C77
#136B66
#105955
#0D4744
#093533

Tints

#B2F1EE
#99EDE9
#7FE8E3
#66E4DE
#4CDFD8
#32DBD2
#24CBC3
#1FB2AA

Tones

#1FB2AA
#27AAA4
#2EA39D
#359C97
#3D9490
#448D89
#4B8683
#537F7C

Hues

#1FB2AA
#1F4BB2
#611FB2
#B21F94
#B21F27
#B2861F
#70B21F
#1FB23D

Color Harmonies

Analogous

#1FB261
Click to copy
Green
83%
#20B2AA
Click to copy
Light sea green
100%
#1F70B2
Click to copy
Cyan
85%

Complementary

#20B2AA
Click to copy
Light sea green
100%
#B21F27
Click to copy
Magenta
44%

Split Complementary

#20B2AA
Click to copy
Light sea green
100%
#B21F70
Click to copy
Purple
51%
#B2611F
Click to copy
Red
51%

Triadic

#20B2AA
Click to copy
Light sea green
100%
#AA1FB2
Click to copy
Purple
54%
#B2AA1F
Click to copy
Orange
54%

Tetradic

#20B2AA
Click to copy
Light sea green
100%
#611FB2
Click to copy
Blue
64%
#B21F27
Click to copy
Magenta
44%
#70B21F
Click to copy
Yellow
64%

Square

#20B2AA
Click to copy
Light sea green
100%
#611FB2
Click to copy
Blue
64%
#B21F27
Click to copy
Magenta
44%
#70B21F
Click to copy
Yellow
64%

CSS & Dev Snippets

CSS
.light-sea-green {
  color: #20B2AA;
}
SCSS
$light-sea-green: #20B2AA;
RGB
rgb(32, 178, 170)

Accessibility & Contrast

White background

2.62:1
2.62
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

8.01:1
8.01
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags