#456B31

#456B31

Color Values

HEX

#456B31

RGB

69, 107, 49

HSL

99.3, 37.2%, 30.6%

HSV

99.3, 54.2%, 42.0%

CMYK

35.5%, 0.0%, 54.2%, 58.0%

OKLCH

0.4847 0.0964 135.9

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#456B31

#57316B

Analogous

#626B31

#316B3A

#456B31

Triadic

#456B31

#31456B

#6B3145

Split Complementary

#456B31

#3A316B

#6B3162

Tetradic

#456B31

#31626B

#57316B

#6B3A31

Color Blindness Simulation

Original

#456B31

Protanopia

#55563F

Deuteranopia

#535042

Tritanopia

#474A4D

Achromatopsia

#5F5F5F

CSS Usage

background-color: #456B31;
color: #456B31;
border-color: #456B31;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F7FAF5
100
#EBF3E8
200
#D7E9CE
300
#BBD9AB
400
#96C47E
500
#71AF50
600
#5A8C40
700
#487033
800
#385728
900
#2B4120
950
#1B2914

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

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