#534123

#534123

Color Values

HEX

#534123

RGB

83, 65, 35

HSL

37.5, 40.7%, 23.1%

HSV

37.5, 57.8%, 32.5%

CMYK

0.0%, 21.7%, 57.8%, 67.5%

OKLCH

0.3871 0.0513 79.1

Properties

Warm Dark Nearest: RAL 6014 Yellow Olive

Color Harmonies

Complementary

#534123

#233553

Analogous

#532923

#4D5323

#534123

Triadic

#534123

#235341

#412353

Split Complementary

#534123

#234D53

#292353

Tetradic

#534123

#235329

#233553

#53234D

Color Blindness Simulation

Original

#534123

Protanopia

#4B4B2A

Deuteranopia

#4C4E2C

Tritanopia

#523031

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EFE7
200
#EADFCD
300
#DBC8A9
400
#C7AA7A
500
#B38C4C
600
#90703C
700
#735A30
800
#5A4626
900
#42351F
950
#2A2113

Contrast Checker

Text on white

9.78:1

AA Pass AAA Pass

Text on black

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