#453036

#453036

Color Values

HEX

#453036

RGB

69, 48, 54

HSL

342,9, 17,9%, 22,9%

HSV

342,9, 30,4%, 27,1%

CMYK

0,0%, 30,4%, 21,7%, 72,9%

OKLCH

0,3357 0,032 0,2

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#453036

#30453F

Analogous

#453040

#453430

#453036

Triadic

#453036

#364530

#303645

Split Complementary

#453036

#304534

#304045

Tetradic

#453036

#404530

#30453F

#343045

Color Blindness Simulation

Original

#453036

Protanopia

#3C3C35

Deuteranopia

#3D3F34

Tritanopia

#443333

Achromatopsia

#353535

CSS Usage

background-color: #453036;
color: #453036;
border-color: #453036;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E2D5D9
300
#CDB7BD
400
#B29099
500
#966976
600
#78545E
700
#60434B
800
#4B343B
900
#38292D
950
#241A1C

Contrast Checker

Text on white

12,15:1

AA Pass AAA Pass

Text on black

1,73:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026