#457115

#457115

Color Values

HEX

#457115

RGB

69, 113, 21

HSL

88.7, 68.7%, 26.3%

HSV

88.7, 81.4%, 44.3%

CMYK

38.9%, 0.0%, 81.4%, 55.7%

OKLCH

0.498 0.128 132.4

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#457115

#411571

Analogous

#716F15

#177115

#457115

Triadic

#457115

#154571

#711545

Split Complementary

#457115

#151771

#6F1571

Tetradic

#457115

#15716F

#411571

#711517

Color Blindness Simulation

Original

#457115

Protanopia

#58582B

Deuteranopia

#565231

Tritanopia

#473D41

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF8E3
200
#DCF4C3
300
#C4EC98
400
#A3E160
500
#83D728
600
#69AC20
700
#548A1A
800
#426C14
900
#324E12
950
#1F320C

Contrast Checker

Text on white

5.79:1

AA Pass AAA Fail

Text on black

3.63:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026