#454422

#454422

Color Values

HEX

#454422

RGB

69, 68, 34

HSL

58.3, 34.0%, 20.2%

HSV

58.3, 50.7%, 27.1%

CMYK

0.0%, 1.4%, 50.7%, 72.9%

OKLCH

0.3788 0.0518 107.1

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#454422

#222345

Analogous

#453322

#354522

#454422

Triadic

#454422

#224544

#442245

Split Complementary

#454422

#223545

#332245

Tetradic

#454422

#224533

#222345

#452235

Color Blindness Simulation

Original

#454422

Protanopia

#45452A

Deuteranopia

#45452C

Tritanopia

#453132

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F2F2E8
200
#E7E7CF
300
#D7D5AD
400
#C1BF81
500
#ABA854
600
#898743
700
#6D6C36
800
#55542A
900
#3F3E22
950
#282715

Contrast Checker

Text on white

9.99:1

AA Pass AAA Pass

Text on black

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