#452C28

#452C28

Color Values

HEX

#452C28

RGB

69, 44, 40

HSL

8.3, 26.6%, 21.4%

HSV

8.3, 42.0%, 27.1%

CMYK

0.0%, 36.2%, 42.0%, 72.9%

OKLCH

0.3223 0.0381 29.4

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#452C28

#284145

Analogous

#452833

#453B28

#452C28

Triadic

#452C28

#28452C

#2C2845

Split Complementary

#452C28

#28453B

#283345

Tetradic

#452C28

#334528

#284145

#3B2845

Color Blindness Simulation

Original

#452C28

Protanopia

#3A3A29

Deuteranopia

#3C3E29

Tritanopia

#442A2A

Achromatopsia

#313131

CSS Usage

background-color: #452C28;
color: #452C28;
border-color: #452C28;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#F9F6F6
100
#F1EAE9
200
#E5D4D2
300
#D2B6B2
400
#BA8E88
500
#A1675E
600
#81524B
700
#67423C
800
#51332F
900
#3C2825
950
#261917

Contrast Checker

Text on white

12.77:1

AA Pass AAA Pass

Text on black

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