Viridian

#40826D
RGB
64, 130, 109
HSL
161°, 34%, 38%
CMYK
51, 0, 16, 49
HSV
161°, 51%, 51%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #40826D color: #40826D;
RGB 64, 130, 109 color: rgb(64, 130, 109);
RGB Percentage 25%, 51%, 43% color: rgb(25%, 51%, 43%);
CMYK 51%, 0%, 16%, 49% Not supported in CSS
HSL 161°, 34%, 38% color: hsl(161, 34%, 38%);
HSV 161°, 51%, 51% Not supported in CSS
CIE-LAB 30, -13, 7 color: lab(30% -13 7);
Decimal 4227693 Not supported in CSS

Color Variations

Shades

#40826D
#3A7562
#336857
#2D5B4C
#264E41
#204136
#1A342C
#132721

Tints

#BFE0D5
#AAD5C8
#95CBBA
#80C0AC
#6BB69E
#56AC90
#4A977F
#40826D

Tones

#40826D
#437F6C
#477B6B
#4A7869
#4D7568
#507167
#546E66
#576B65

Hues

#40826D
#406582
#4C4082
#7D4082
#824055
#825D40
#768240
#448240

Color Harmonies

Analogous

#40824C
Click to copy
Dark Green
93%
#40826D
Click to copy
Viridian
100%
#407682
Click to copy
Dark Cyan
95%

Complementary

#40826D
Click to copy
Viridian
100%
#824055
Click to copy
Dark Magenta
78%

Split Complementary

#40826D
Click to copy
Viridian
100%
#824076
Click to copy
Dark Purple
79%
#824C40
Click to copy
Dark Red
78%

Triadic

#40826D
Click to copy
Viridian
100%
#6D4082
Click to copy
Dark Purple
81%
#826D40
Click to copy
Dark Orange
81%

Tetradic

#40826D
Click to copy
Viridian
100%
#4C4082
Click to copy
Dark Blue
84%
#824055
Click to copy
Dark Magenta
78%
#768240
Click to copy
Dark Yellow
84%

Square

#40826D
Click to copy
Viridian
100%
#4C4082
Click to copy
Dark Blue
84%
#824055
Click to copy
Dark Magenta
78%
#768240
Click to copy
Dark Yellow
84%

CSS & Dev Snippets

CSS
.viridian {
  color: #40826D;
}
SCSS
$viridian: #40826D;
RGB
rgb(64, 130, 109)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags