#3F1302

#3F1302

Color Values

HEX

#3F1302

RGB

63, 19, 2

HSL

16,7, 93,8%, 12,7%

HSV

16,7, 96,8%, 24,7%

CMYK

0,0%, 69,8%, 96,8%, 75,3%

OKLCH

0,2558 0,0742 41,2

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#3F1302

#022E3F

Analogous

#3F020F

#3F3102

#3F1302

Triadic

#3F1302

#023F13

#13023F

Split Complementary

#3F1302

#023F31

#020F3F

Tetradic

#3F1302

#0F3F02

#022E3F

#31023F

Color Blindness Simulation

Original

#3F1302

Protanopia

#2C2C06

Deuteranopia

#2E3207

Tritanopia

#3D090A

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#FDF5F1
100
#FBE7DF
200
#FDCCBA
300
#FBA888
400
#F97948
500
#F74A08
600
#C63C06
700
#9E3005
800
#7C2504
900
#591E08
950
#381305

Contrast Checker

Text on white

16,09: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