#3F0412

#3F0412

Color Values

HEX

#3F0412

RGB

63, 4, 18

HSL

345.8, 88.1%, 13.1%

HSV

345.8, 93.7%, 24.7%

CMYK

0.0%, 93.7%, 71.4%, 75.3%

OKLCH

0.2394 0.0881 13.9

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#3F0412

#043F31

Analogous

#3F042F

#3F1304

#3F0412

Triadic

#3F0412

#123F04

#04123F

Split Complementary

#3F0412

#043F13

#042F3F

Tetradic

#3F0412

#2F3F04

#043F31

#13043F

Color Blindness Simulation

Original

#3F0412

Protanopia

#25250F

Deuteranopia

#292D0E

Tritanopia

#3C0C0B

Achromatopsia

#121212

CSS Usage

background-color: #3F0412;
color: #3F0412;
border-color: #3F0412;
Nearest Tailwind: Rose 950 #4C0519

Tailwind Shades

50
#FDF2F4
100
#FBE0E6
200
#FBBCCB
300
#F88CA5
400
#F44E75
500
#F00F44
600
#C00C37
700
#990A2C
800
#780822
900
#570A1C
950
#370612

Contrast Checker

Text on white

16.97:1

AA Pass AAA Pass

Text on black

1.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026