#3F112C

#3F112C

Color Values

HEX

#3F112C

RGB

63, 17, 44

HSL

324.8, 57.5%, 15.7%

HSV

324.8, 73.0%, 24.7%

CMYK

0.0%, 73.0%, 30.2%, 75.3%

OKLCH

0.2645 0.0794 347.6

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#3F112C

#113F24

Analogous

#3B113F

#3F1115

#3F112C

Triadic

#3F112C

#2C3F11

#112C3F

Split Complementary

#3F112C

#153F11

#113F3B

Tetradic

#3F112C

#3F3B11

#113F24

#11153F

Color Blindness Simulation

Original

#3F112C

Protanopia

#2B2B25

Deuteranopia

#2E3124

Tritanopia

#3D201F

Achromatopsia

#1D1D1D

CSS Usage

background-color: #3F112C;
color: #3F112C;
border-color: #3F112C;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FBF4F8
100
#F6E4EF
200
#F0C7DF
300
#E59FC8
400
#D76AAA
500
#C9368C
600
#A12B70
700
#81235A
800
#641B46
900
#4A1735
950
#2E0F21

Contrast Checker

Text on white

15.81:1

AA Pass AAA Pass

Text on black

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