#454828

#454828

Color Values

HEX

#454828

RGB

69, 72, 40

HSL

65.6, 28.6%, 22.0%

HSV

65.6, 44.4%, 28.2%

CMYK

4.2%, 0.0%, 44.4%, 71.8%

OKLCH

0.3902 0.0497 113.1

Properties

Cool Dark Nearest: RAL 6003 Olive Green

Color Harmonies

Complementary

#454828

#2B2848

Analogous

#483B28

#354828

#454828

Triadic

#454828

#284548

#482845

Split Complementary

#454828

#283548

#3B2848

Tetradic

#454828

#28483B

#2B2848

#482835

Color Blindness Simulation

Original

#454828

Protanopia

#464630

Deuteranopia

#464632

Tritanopia

#453637

Achromatopsia

#454545

CSS Usage

background-color: #454828;
color: #454828;
border-color: #454828;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#F9F9F5
100
#F1F1E9
200
#E4E6D1
300
#D0D3B0
400
#B7BC86
500
#9DA45B
600
#7E8349
700
#65693A
800
#4F522E
900
#3B3D24
950
#252617

Contrast Checker

Text on white

9.5:1

AA Pass AAA Pass

Text on black

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