#456F2C

#456F2C

Color Values

HEX

#456F2C

RGB

69, 111, 44

HSL

97.6, 43.2%, 30.4%

HSV

97.6, 60.4%, 43.5%

CMYK

37.8%, 0.0%, 60.4%, 56.5%

OKLCH

0.4948 0.1077 135.4

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#456F2C

#562C6F

Analogous

#676F2C

#2C6F35

#456F2C

Triadic

#456F2C

#2C456F

#6F2C45

Split Complementary

#456F2C

#352C6F

#6F2C67

Tetradic

#456F2C

#2C676F

#562C6F

#6F352C

Color Blindness Simulation

Original

#456F2C

Protanopia

#57583C

Deuteranopia

#555240

Tritanopia

#47494C

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EBF4E7
200
#D7EBCC
300
#BBDCA7
400
#96C978
500
#72B748
600
#5B923A
700
#49752E
800
#395B24
900
#2C431E
950
#1C2A13

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

3.56: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