#454C22

#454C22

Color Values

HEX

#454C22

RGB

69, 76, 34

HSL

70.0, 38.2%, 21.6%

HSV

70.0, 55.3%, 29.8%

CMYK

9.2%, 0.0%, 55.3%, 70.2%

OKLCH

0.3996 0.0634 117.2

Properties

Cool Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#454C22

#29224C

Analogous

#4C3E22

#304C22

#454C22

Triadic

#454C22

#22454C

#4C2245

Split Complementary

#454C22

#22304C

#3E224C

Tetradic

#454C22

#224C3E

#29224C

#4C2230

Color Blindness Simulation

Original

#454C22

Protanopia

#48482C

Deuteranopia

#48472F

Tritanopia

#453436

Achromatopsia

#474747

CSS Usage

background-color: #454C22;
color: #454C22;
border-color: #454C22;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9FAF5
100
#F1F3E7
200
#E4E9CE
300
#D1D9AA
400
#B9C57D
500
#A0B04F
600
#808D3F
700
#667132
800
#505827
900
#3C4120
950
#262914

Contrast Checker

Text on white

9.09:1

AA Pass AAA Pass

Text on black

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