#3F1402

#3F1402

Color Values

HEX

#3F1402

RGB

63, 20, 2

HSL

17.7, 93.8%, 12.7%

HSV

17.7, 96.8%, 24.7%

CMYK

0.0%, 68.3%, 96.8%, 75.3%

OKLCH

0.2574 0.0732 42.3

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#3F1402

#022D3F

Analogous

#3F020E

#3F3202

#3F1402

Triadic

#3F1402

#023F14

#14023F

Split Complementary

#3F1402

#023F32

#020E3F

Tetradic

#3F1402

#0E3F02

#022D3F

#32023F

Color Blindness Simulation

Original

#3F1402

Protanopia

#2C2C06

Deuteranopia

#2F3207

Tritanopia

#3D0A0B

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FDF5F1
100
#FBE7DF
200
#FDCEBA
300
#FBAA88
400
#F97C48
500
#F74E08
600
#C63F06
700
#9E3205
800
#7C2704
900
#592008
950
#381405

Contrast Checker

Text on white

16.0:1

AA Pass AAA Pass

Text on black

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