Jungle Green

#2AAA8A
RGB
42, 170, 138
HSL
165°, 60%, 42%
CMYK
75, 0, 19, 33
HSV
165°, 75%, 67%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #2AAA8A color: #2AAA8A;
RGB 42, 170, 138 color: rgb(42, 170, 138);
RGB Percentage 16%, 67%, 54% color: rgb(16%, 67%, 54%);
CMYK 75%, 0%, 19%, 33% Not supported in CSS
HSL 165°, 60%, 42% color: hsl(165, 60%, 42%);
HSV 165°, 75%, 67% Not supported in CSS
CIE-LAB 34, -26, 11 color: lab(34% -26 11);
Decimal 2796170 Not supported in CSS

Color Variations

Shades

#2BAB8B
#279A7D
#22896F
#1E7861
#1A6754
#155646
#114538
#0D332A

Tints

#B8EDE0
#A0E7D6
#89E1CB
#71DCC1
#59D6B7
#42D0AC
#31C39E
#2BAB8B

Tones

#2BAB8B
#31A588
#389F85
#3E9882
#45927E
#4B8B7B
#518578
#587E75

Hues

#2BAB8B
#2B6BAB
#4B2BAB
#AB2BAB
#AB2B4B
#AB6B2B
#8BAB2B
#2BAB2B

Color Harmonies

Analogous

#2BAB4B
Click to copy
#2AAA8A
Click to copy
#2B8BAB
Click to copy

Complementary

#2AAA8A
Click to copy
#AB2B4B
Click to copy

Split Complementary

#2AAA8A
Click to copy
#AB2B8B
Click to copy
#AB4B2B
Click to copy
97%

Triadic

#2AAA8A
Click to copy
#8B2BAB
Click to copy
#AB8B2B
Click to copy

Tetradic

#2AAA8A
Click to copy
#4B2BAB
Click to copy
#AB2B4B
Click to copy
#8BAB2B
Click to copy

Square

#2AAA8A
Click to copy
#4B2BAB
Click to copy
#AB2B4B
Click to copy
#8BAB2B
Click to copy

CSS & Dev Snippets

CSS
.jungle-green {
  color: #2AAA8A;
}
SCSS
$jungle-green: #2AAA8A;
RGB
rgb(42, 170, 138)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags