#454C23

#454C23

Color Values

HEX

#454C23

RGB

69, 76, 35

HSL

70.2, 36.9%, 21.8%

HSV

70.2, 53.9%, 29.8%

CMYK

9.2%, 0.0%, 53.9%, 70.2%

OKLCH

0.3997 0.0623 117.3

Properties

Cool Dark Nearest: RAL 6003 Olive Green

Color Harmonies

Complementary

#454C23

#2A234C

Analogous

#4C3F23

#314C23

#454C23

Triadic

#454C23

#23454C

#4C2345

Split Complementary

#454C23

#23314C

#3F234C

Tetradic

#454C23

#234C3F

#2A234C

#4C2331

Color Blindness Simulation

Original

#454C23

Protanopia

#48482D

Deuteranopia

#48472F

Tritanopia

#453536

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F1F3E8
200
#E4E8CE
300
#D1D8AB
400
#B8C37E
500
#9FAF50
600
#7F8C40
700
#657033
800
#4F5728
900
#3B4120
950
#252914

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