#382503

#382503

Color Values

HEX

#382503

RGB

56, 37, 3

HSL

38.5, 89.8%, 11.6%

HSV

38.5, 94.6%, 22.0%

CMYK

0.0%, 33.9%, 94.6%, 78.0%

OKLCH

0.2809 0.0553 77.6

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#382503

#031638

Analogous

#380B03

#313803

#382503

Triadic

#382503

#033825

#250338

Split Complementary

#382503

#033138

#0B0338

Tetradic

#382503

#03380B

#031638

#380331

Color Blindness Simulation

Original

#382503

Protanopia

#30300B

Deuteranopia

#31320D

Tritanopia

#371213

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FBF1E0
200
#FBE4BB
300
#F9D18B
400
#F5B94C
500
#F2A00D
600
#C2800A
700
#9B6608
800
#795007
900
#583C09
950
#372606

Contrast Checker

Text on white

14.64:1

AA Pass AAA Pass

Text on black

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