Evergreen

#05472A
RGB
5, 71, 42
HSL
154°, 87%, 15%
CMYK
93, 0, 41, 72
HSV
154°, 93%, 28%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #05472A color: #05472A;
RGB 5, 71, 42 color: rgb(5, 71, 42);
RGB Percentage 2%, 28%, 16% color: rgb(2%, 28%, 16%);
CMYK 93%, 0%, 41%, 72% Not supported in CSS
HSL 154°, 87%, 15% color: hsl(154, 87%, 15%);
HSV 154°, 93%, 28% Not supported in CSS
CIE-LAB 12, -13, 10 color: lab(12% -13 10);
Decimal 345898 Not supported in CSS

Color Variations

Shades

#05482B
#044026
#043922
#03321E
#032B1A
#022415
#021D11
#01150D

Tints

#85F7C6
#5DF4B2
#34F19F
#10EA8B
#0DC173
#0B995B
#087043
#05482B

Tones

#05482B
#08442A
#0C412A
#0F3E29
#123A29
#163728
#193428
#1C3028

Hues

#05482B
#053248
#090548
#3B0548
#480522
#481A05
#434805
#114805

Color Harmonies

Analogous

#054809
Click to copy
Dark Green
93%
#05472A
Click to copy
Evergreen
100%
#054348
Click to copy
Dark Cyan
93%

Complementary

#05472A
Click to copy
Evergreen
100%
#480522
Click to copy
Dark Magenta
79%

Split Complementary

#05472A
Click to copy
Evergreen
100%
#480543
Click to copy
Dark Purple
78%
#480905
Click to copy
Dark Red
78%

Triadic

#05472A
Click to copy
Evergreen
100%
#2B0548
Click to copy
Dark Purple
81%
#482B05
Click to copy
Dark Orange
82%

Tetradic

#05472A
Click to copy
Evergreen
100%
#090548
Click to copy
Dark Blue
84%
#480522
Click to copy
Dark Magenta
79%
#434805
Click to copy
Dark Yellow
84%

Square

#05472A
Click to copy
Evergreen
100%
#090548
Click to copy
Dark Blue
84%
#480522
Click to copy
Dark Magenta
79%
#434805
Click to copy
Dark Yellow
84%

CSS & Dev Snippets

CSS
.evergreen {
  color: #05472A;
}
SCSS
$evergreen: #05472A;
RGB
rgb(5, 71, 42)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags