#3F1027

#3F1027

Color Values

HEX

#3F1027

RGB

63, 16, 39

HSL

330.6, 59.5%, 15.5%

HSV

330.6, 74.6%, 24.7%

CMYK

0.0%, 74.6%, 38.1%, 75.3%

OKLCH

0.2609 0.078 353.6

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#3F1027

#103F28

Analogous

#3F103F

#3F1010

#3F1027

Triadic

#3F1027

#273F10

#10273F

Split Complementary

#3F1027

#103F10

#103F3F

Tetradic

#3F1027

#3F3F10

#103F28

#10103F

Color Blindness Simulation

Original

#3F1027

Protanopia

#2B2A21

Deuteranopia

#2D3120

Tritanopia

#3D1D1C

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F6E4ED
200
#F1C6DB
300
#E69DC1
400
#D969A0
500
#CB347E
600
#A32965
700
#822151
800
#661A3F
900
#4A1730
950
#2F0E1E

Contrast Checker

Text on white

15.97:1

AA Pass AAA Pass

Text on black

1.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026