#534420

#534420

Color Values

HEX

#534420

RGB

83, 68, 32

HSL

42.4, 44.3%, 22.5%

HSV

42.4, 61.4%, 32.5%

CMYK

0.0%, 18.1%, 61.4%, 67.5%

OKLCH

0.3937 0.0563 87.1

Properties

Warm Dark Nearest: RAL 1036 Pearl Gold

Color Harmonies

Complementary

#534420

#202F53

Analogous

#532A20

#485320

#534420

Triadic

#534420

#205344

#442053

Split Complementary

#534420

#204853

#2A2053

Tetradic

#534420

#20532A

#202F53

#532048

Color Blindness Simulation

Original

#534420

Protanopia

#4D4C29

Deuteranopia

#4D4E2B

Tritanopia

#523031

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FAF9F4
100
#F4F0E6
200
#EBE2CB
300
#DDCDA7
400
#CAB277
500
#B89747
600
#937939
700
#76612D
800
#5C4B24
900
#44381D
950
#2B2412

Contrast Checker

Text on white

9.48:1

AA Pass AAA Pass

Text on black

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