#45302C

#45302C

Color Values

HEX

#45302C

RGB

69, 48, 44

HSL

9.6, 22.1%, 22.2%

HSV

9.6, 36.2%, 27.1%

CMYK

0.0%, 30.4%, 36.2%, 72.9%

OKLCH

0.3324 0.0318 31.0

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#45302C

#2C4145

Analogous

#452C35

#453D2C

#45302C

Triadic

#45302C

#2C4530

#302C45

Split Complementary

#45302C

#2C453D

#2C3545

Tetradic

#45302C

#35452C

#2C4145

#3D2C45

Color Blindness Simulation

Original

#45302C

Protanopia

#3C3C2D

Deuteranopia

#3D3F2D

Tritanopia

#442E2E

Achromatopsia

#343434

CSS Usage

background-color: #45302C;
color: #45302C;
border-color: #45302C;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F9F6F6
100
#F1EBEA
200
#E3D6D3
300
#CFB9B4
400
#B6928C
500
#9C6C63
600
#7D574F
700
#644540
800
#4E3632
900
#3A2A27
950
#251A19

Contrast Checker

Text on white

12.26:1

AA Pass AAA Pass

Text on black

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