#534026

#534026

Color Values

HEX

#534026

RGB

83, 64, 38

HSL

34.7, 37.2%, 23.7%

HSV

34.7, 54.2%, 32.5%

CMYK

0.0%, 22.9%, 54.2%, 67.5%

OKLCH

0.3853 0.0477 74.3

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#534026

#263953

Analogous

#532926

#4F5326

#534026

Triadic

#534026

#265340

#402653

Split Complementary

#534026

#264F53

#292653

Tetradic

#534026

#265329

#263953

#53264F

Color Blindness Simulation

Original

#534026

Protanopia

#4B4B2C

Deuteranopia

#4C4D2E

Tritanopia

#523132

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EEE8
200
#E9DDCE
300
#D9C5AB
400
#C4A67E
500
#AF8750
600
#8C6C40
700
#705633
800
#574328
900
#413320
950
#292014

Contrast Checker

Text on white

9.86:1

AA Pass AAA Pass

Text on black

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