#532503

#532503

Color Values

HEX

#532503

RGB

83, 37, 3

HSL

25.5, 93.0%, 16.9%

HSV

25.5, 96.4%, 32.5%

CMYK

0.0%, 55.4%, 96.4%, 67.5%

OKLCH

0.3236 0.0809 51.1

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#532503

#033153

Analogous

#530309

#534D03

#532503

Triadic

#532503

#035325

#250353

Split Complementary

#532503

#03534D

#030953

Tetradic

#532503

#095303

#033153

#4D0353

Color Blindness Simulation

Original

#532503

Protanopia

#3F3F0B

Deuteranopia

#42450D

Tritanopia

#511213

Achromatopsia

#2C2C2C

CSS Usage

background-color: #532503;
color: #532503;
border-color: #532503;
Nearest Tailwind: Amber 950 #451A03

Tailwind Shades

50
#FDF6F1
100
#FBEBDF
200
#FDD6BA
300
#FBB989
400
#F89349
500
#F66E09
600
#C55807
700
#9D4606
800
#7B3704
900
#592A08
950
#381B05

Contrast Checker

Text on white

12.85:1

AA Pass AAA Pass

Text on black

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