#453310

#453310

Color Values

HEX

#453310

RGB

69, 51, 16

HSL

39.6, 62.4%, 16.7%

HSV

39.6, 76.8%, 27.1%

CMYK

0.0%, 26.1%, 76.8%, 72.9%

OKLCH

0.3337 0.0561 81.2

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#453310

#102245

Analogous

#451910

#3D4510

#453310

Triadic

#453310

#104533

#331045

Split Complementary

#453310

#103D45

#191045

Tetradic

#453310

#104519

#102245

#45103D

Color Blindness Simulation

Original

#453310

Protanopia

#3D3D18

Deuteranopia

#3E401A

Tritanopia

#441F21

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FBF9F3
100
#F7F0E4
200
#F2E2C5
300
#E8CE9C
400
#DCB366
500
#CF9930
600
#A67A26
700
#85621F
800
#684C18
900
#4C3915
950
#30240D

Contrast Checker

Text on white

12.11:1

AA Pass AAA Pass

Text on black

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