#453716

#453716

Color Values

HEX

#453716

RGB

69, 55, 22

HSL

42.1, 51.6%, 17.8%

HSV

42.1, 68.1%, 27.1%

CMYK

0.0%, 20.3%, 68.1%, 72.9%

OKLCH

0.3442 0.0525 86.4

Properties

Warm Dark Nearest: RAL 6014 Yellow Olive

Color Harmonies

Complementary

#453716

#162445

Analogous

#451F16

#3B4516

#453716

Triadic

#453716

#164537

#371645

Split Complementary

#453716

#163B45

#1F1645

Tetradic

#453716

#16451F

#162445

#45163B

Color Blindness Simulation

Original

#453716

Protanopia

#3F3F1E

Deuteranopia

#404120

Tritanopia

#442426

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FBF9F4
100
#F5F0E5
200
#EEE3C9
300
#E1CFA2
400
#D1B470
500
#C19A3E
600
#9B7B31
700
#7C6327
800
#614D1F
900
#473A1A
950
#2D2410

Contrast Checker

Text on white

11.6:1

AA Pass AAA Pass

Text on black

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