#452222

#452222

Color Values

HEX

#452222

RGB

69, 34, 34

HSL

0.0, 34.0%, 20.2%

HSV

0.0, 50.7%, 27.1%

CMYK

0.0%, 50.7%, 50.7%, 72.9%

OKLCH

0.2998 0.0537 20.8

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#452222

#224545

Analogous

#452234

#453422

#452222

Triadic

#452222

#224522

#222245

Split Complementary

#452222

#224534

#223445

Tetradic

#452222

#344522

#224545

#342245

Color Blindness Simulation

Original

#452222

Protanopia

#363622

Deuteranopia

#383A22

Tritanopia

#432222

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F2E8E8
200
#E7CFCF
300
#D7ADAD
400
#C18181
500
#AB5454
600
#894343
700
#6D3636
800
#552A2A
900
#3F2222
950
#281515

Contrast Checker

Text on white

13.95:1

AA Pass AAA Pass

Text on black

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