viridian Color Codes

Color Preview

Viridian Color Values

Related Colors

Complementary

#bf7d92

Analogous

hsl(191, 34%, 38%)
hsl(131, 34%, 38%)

Triadic

hsl(281, 34%, 38%)
hsl(41, 34%, 38%)

Tetradic

hsl(251, 34%, 38%)
hsl(341, 34%, 38%)
hsl(71, 34%, 38%)
HTML Snippets
.element { background-color: #40826D; }
.element { color: #40826D; }

This is how the text color would appear.

<span style="color: #40826D;">Colored text</span>

This text has an inline style applied.

Accessibility

Contrast Ratios

Black4.63 (AA)
White4.53 (AA)
Shades of Viridian

hsl(161, 34%, 8%)

hsl(161, 34%, 23%)

#40826D

hsl(161, 34%, 53%)

hsl(161, 34%, 68%)

Color Blindness Simulations

Protanopia (Red-Blind)

#5d5d62

Deuteranopia (Green-Blind)

#595460

Tritanopia (Blue-Blind)

#436563

Related Palettes

About viridian

viridian (#40826D) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.