#3F1036

#3F1036

Color Values

HEX

#3F1036

RGB

63, 16, 54

HSL

311.5, 59.5%, 15.5%

HSV

311.5, 74.6%, 24.7%

CMYK

0.0%, 74.6%, 14.3%, 75.3%

OKLCH

0.2685 0.0891 336.2

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#3F1036

#103F19

Analogous

#31103F

#3F101F

#3F1036

Triadic

#3F1036

#363F10

#10363F

Split Complementary

#3F1036

#1F3F10

#103F31

Tetradic

#3F1036

#3F3110

#103F19

#101F3F

Color Blindness Simulation

Original

#3F1036

Protanopia

#2B2A2D

Deuteranopia

#2D312B

Tritanopia

#3D2624

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FBF3FA
100
#F6E4F3
200
#F1C6E8
300
#E69DD8
400
#D969C3
500
#CB34AE
600
#A3298B
700
#822170
800
#661A57
900
#4A1740
950
#2F0E29

Contrast Checker

Text on white

15.69:1

AA Pass AAA Pass

Text on black

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