#456F14

#456F14

Color Values

HEX

#456F14

RGB

69, 111, 20

HSL

87.7, 69.5%, 25.7%

HSV

87.7, 82.0%, 43.5%

CMYK

37.8%, 0.0%, 82.0%, 56.5%

OKLCH

0.4925 0.1259 131.9

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#456F14

#3E146F

Analogous

#6F6C14

#176F14

#456F14

Triadic

#456F14

#14456F

#6F1445

Split Complementary

#456F14

#14176F

#6C146F

Tetradic

#456F14

#146F6C

#3E146F

#6F1417

Color Blindness Simulation

Original

#456F14

Protanopia

#57582A

Deuteranopia

#55522F

Tritanopia

#473B3F

Achromatopsia

#606060

CSS Usage

background-color: #456F14;
color: #456F14;
border-color: #456F14;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FCF3
100
#EEF8E3
200
#DDF4C2
300
#C5EC97
400
#A6E25F
500
#86D827
600
#6BAD1F
700
#568A19
800
#436C13
900
#334F12
950
#20320B

Contrast Checker

Text on white

5.94:1

AA Pass AAA Fail

Text on black

3.54:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026