#457D18

#457D18

Color Values

HEX

#457D18

RGB

69, 125, 24

HSL

93.3, 67.8%, 29.2%

HSV

93.3, 80.8%, 49.0%

CMYK

44.8%, 0.0%, 80.8%, 51.0%

OKLCH

0.5309 0.1421 134.8

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#457D18

#50187D

Analogous

#777D18

#187D1E

#457D18

Triadic

#457D18

#18457D

#7D1845

Split Complementary

#457D18

#1E187D

#7D1877

Tetradic

#457D18

#18777D

#50187D

#7D1E18

Color Blindness Simulation

Original

#457D18

Protanopia

#5D5E30

Deuteranopia

#5A5636

Tritanopia

#484448

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#D9F4C3
300
#BDEB98
400
#9AE161
500
#76D629
600
#5EAB21
700
#4C891A
800
#3B6B15
900
#2D4E13
950
#1D310C

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

4.2:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026