#401503

#401503

Color Values

HEX

#401503

RGB

64, 21, 3

HSL

17.7, 91.0%, 13.1%

HSV

17.7, 95.3%, 25.1%

CMYK

0.0%, 67.2%, 95.3%, 74.9%

OKLCH

0.2612 0.073 42.0

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#401503

#032E40

Analogous

#40030F

#403303

#401503

Triadic

#401503

#034015

#150340

Split Complementary

#401503

#034033

#030F40

Tetradic

#401503

#0F4003

#032E40

#330340

Color Blindness Simulation

Original

#401503

Protanopia

#2D2D07

Deuteranopia

#303308

Tritanopia

#3E0B0C

Achromatopsia

#1D1D1D

CSS Usage

background-color: #401503;
color: #401503;
border-color: #401503;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FDF5F1
100
#FBE7DF
200
#FCCEBB
300
#F9AB8A
400
#F77D4B
500
#F4500B
600
#C34009
700
#9C3307
800
#7A2806
900
#582009
950
#381406

Contrast Checker

Text on white

15.83:1

AA Pass AAA Pass

Text on black

1.33:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026