#452C16

#452C16

Color Values

HEX

#452C16

RGB

69, 44, 22

HSL

28.1, 51.6%, 17.8%

HSV

28.1, 68.1%, 27.1%

CMYK

0.0%, 36.2%, 68.1%, 72.9%

OKLCH

0.3183 0.0505 60.8

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#452C16

#162F45

Analogous

#451617

#454316

#452C16

Triadic

#452C16

#16452C

#2C1645

Split Complementary

#452C16

#164543

#161745

Tetradic

#452C16

#174516

#162F45

#431645

Color Blindness Simulation

Original

#452C16

Protanopia

#3A3A1B

Deuteranopia

#3C3E1D

Tritanopia

#442020

Achromatopsia

#303030

CSS Usage

background-color: #452C16;
color: #452C16;
border-color: #452C16;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FBF7F4
100
#F5EDE5
200
#EEDAC9
300
#E1C0A2
400
#D19E70
500
#C17B3E
600
#9B6331
700
#7C4F27
800
#613E1F
900
#472F1A
950
#2D1E10

Contrast Checker

Text on white

12.92:1

AA Pass AAA Pass

Text on black

1.62:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026