#452024

#452024

Color Values

HEX

#452024

RGB

69, 32, 36

HSL

353.5, 36.6%, 19.8%

HSV

353.5, 53.6%, 27.1%

CMYK

0.0%, 53.6%, 47.8%, 72.9%

OKLCH

0.2965 0.0568 14.3

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#452024

#204541

Analogous

#452036

#452E20

#452024

Triadic

#452024

#244520

#202445

Split Complementary

#452024

#20452E

#203645

Tetradic

#452024

#364520

#204541

#2E2045

Color Blindness Simulation

Original

#452024

Protanopia

#353523

Deuteranopia

#373A23

Tritanopia

#432222

Achromatopsia

#282828

CSS Usage

background-color: #452024;
color: #452024;
border-color: #452024;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FAF5F5
100
#F3E8E9
200
#E8CED1
300
#D8ABB0
400
#C37E86
500
#AE515B
600
#8B4149
700
#6F343A
800
#57282D
900
#402024
950
#291517

Contrast Checker

Text on white

14.14:1

AA Pass AAA Pass

Text on black

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