#45321D

#45321D

Color Values

HEX

#45321D

RGB

69, 50, 29

HSL

31,5, 40,8%, 19,2%

HSV

31,5, 58,0%, 27,1%

CMYK

0,0%, 27,5%, 58,0%, 72,9%

OKLCH

0,3333 0,0432 68,2

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#45321D

#1D3045

Analogous

#451E1D

#44451D

#45321D

Triadic

#45321D

#1D4532

#321D45

Split Complementary

#45321D

#1D4445

#1E1D45

Tetradic

#45321D

#1D451E

#1D3045

#451D44

Color Blindness Simulation

Original

#45321D

Protanopia

#3D3D22

Deuteranopia

#3E3F23

Tritanopia

#442627

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#EADCCD
300
#DBC3A9
400
#C7A37A
500
#B4824B
600
#90683C
700
#735330
800
#5A4126
900
#42311F
950
#2A1F13

Contrast Checker

Text on white

12,16:1

AA Pass AAA Pass

Text on black

1,73:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026