#452226

#452226

Color Values

HEX

#452226

RGB

69, 34, 38

HSL

353.1, 34.0%, 20.2%

HSV

353.1, 50.7%, 27.1%

CMYK

0.0%, 50.7%, 44.9%, 72.9%

OKLCH

0.3009 0.0536 13.5

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#452226

#224541

Analogous

#452238

#452F22

#452226

Triadic

#452226

#264522

#222645

Split Complementary

#452226

#22452F

#223845

Tetradic

#452226

#384522

#224541

#2F2245

Color Blindness Simulation

Original

#452226

Protanopia

#363625

Deuteranopia

#383A25

Tritanopia

#432424

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F2E8E9
200
#E7CFD2
300
#D7ADB2
400
#C18188
500
#AB545E
600
#89434B
700
#6D363C
800
#552A2F
900
#3F2225
950
#281517

Contrast Checker

Text on white

13.91:1

AA Pass AAA Pass

Text on black

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