#457206

#457206

Color Values

HEX

#457206

RGB

69, 114, 6

HSL

85.0, 90.0%, 23.5%

HSV

85.0, 94.7%, 44.7%

CMYK

39.5%, 0.0%, 94.7%, 55.3%

OKLCH

0.5 0.1355 131.7

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#457206

#330672

Analogous

#726906

#0F7206

#457206

Triadic

#457206

#064572

#720645

Split Complementary

#457206

#060F72

#690672

Tetradic

#457206

#067269

#330672

#72060F

Color Blindness Simulation

Original

#457206

Protanopia

#585920

Deuteranopia

#565226

Tritanopia

#473539

Achromatopsia

#616161

CSS Usage

background-color: #457206;
color: #457206;
border-color: #457206;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8FDF1
100
#EFFBDF
200
#E1FBBB
300
#CBF98B
400
#AFF64C
500
#93F20D
600
#75C20A
700
#5E9B08
800
#497906
900
#375809
950
#233706

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

3.66:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026