#453518

#453518

Color Values

HEX

#453518

RGB

69, 53, 24

HSL

38.7, 48.4%, 18.2%

HSV

38.7, 65.2%, 27.1%

CMYK

0.0%, 23.2%, 65.2%, 72.9%

OKLCH

0.3396 0.0493 80.7

Properties

Warm Dark Nearest: RAL 6014 Yellow Olive

Color Harmonies

Complementary

#453518

#182845

Analogous

#451E18

#3E4518

#453518

Triadic

#453518

#184535

#351845

Split Complementary

#453518

#183E45

#1E1845

Tetradic

#453518

#18451E

#182845

#45183E

Color Blindness Simulation

Original

#453518

Protanopia

#3E3E1F

Deuteranopia

#3F4021

Tritanopia

#442526

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#EDE0CA
300
#DFCAA4
400
#CEAE73
500
#BD9142
600
#977435
700
#795D2A
800
#5F4921
900
#46371B
950
#2C2211

Contrast Checker

Text on white

11.83:1

AA Pass AAA Pass

Text on black

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