#453116

#453116

Color Values

HEX

#453116

RGB

69, 49, 22

HSL

34.5, 51.6%, 17.8%

HSV

34.5, 68.1%, 27.1%

CMYK

0.0%, 29.0%, 68.1%, 72.9%

OKLCH

0.3298 0.0501 72.8

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#453116

#162A45

Analogous

#451916

#414516

#453116

Triadic

#453116

#164531

#311645

Split Complementary

#453116

#164145

#191645

Tetradic

#453116

#164519

#162A45

#451641

Color Blindness Simulation

Original

#453116

Protanopia

#3C3C1D

Deuteranopia

#3E3F1E

Tritanopia

#442223

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EEDEC9
300
#E1C7A2
400
#D1A870
500
#C1893E
600
#9B6E31
700
#7C5827
800
#61451F
900
#47341A
950
#2D2110

Contrast Checker

Text on white

12.32:1

AA Pass AAA Pass

Text on black

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