Viridian

#40826D

What color is Viridian?

Viridian is a medium-dark blue-green with a cool, slightly muted tone, hex #40826D, similar in depth to the color of a pine forest. It is neither bright like teal nor as dark as hunter green, sitting in a range that reads as calm and natural.

What is the meaning of the color Viridian?

A French chemist named Guignet developed viridian as a stable chromium oxide pigment in 1859, offering artists a reliable blue-green that earlier pigments could not hold. It entered the artist’s palette quickly because, unlike earlier greens, it did not darken or shift over time. The Impressionists adopted it for outdoor painting, where its cool, transparent quality suited light-filled landscapes. Winsor and Newton included it as a named pigment in their artist-grade oil color range, where it has been listed by that name ever since.

RGB
64, 130, 109
HSL
161°, 34%, 38%
CMYK
51, 0, 16, 49
HSV
161°, 51%, 51%
Viridian color

What colors go with Viridian?

Colors that pair well with Viridian include:
Ivory: soft, warm contrast
Burgundy: rich, complementary depth
Sand: natural, grounding balance
Slate blue: cool, tonal harmony
Gold: warm, vivid accent

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
#40826D
Click to copy
#407682
Click to copy

Complementary

#40826D
Click to copy
#824055
Click to copy

Split Complementary

#40826D
Click to copy
#824076
Click to copy
97%
#824C40
Click to copy

Triadic

#40826D
Click to copy
#6D4082
Click to copy
#826D40
Click to copy

Tetradic

#40826D
Click to copy
#4C4082
Click to copy
#824055
Click to copy
#768240
Click to copy

Square

#40826D
Click to copy
#4C4082
Click to copy
#824055
Click to copy
#768240
Click to copy

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