#3F142A

#3F142A

Color Values

HEX

#3F142A

RGB

63, 20, 42

HSL

329.3, 51.8%, 16.3%

HSV

329.3, 68.3%, 24.7%

CMYK

0.0%, 68.3%, 33.3%, 75.3%

OKLCH

0.2679 0.0728 351.3

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#3F142A

#143F29

Analogous

#3F143F

#3F1415

#3F142A

Triadic

#3F142A

#2A3F14

#142A3F

Split Complementary

#3F142A

#153F14

#143F3F

Tetradic

#3F142A

#3F3F14

#143F29

#14153F

Color Blindness Simulation

Original

#3F142A

Protanopia

#2C2C25

Deuteranopia

#2F3223

Tritanopia

#3D2020

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5ED
200
#EEC9DC
300
#E2A2C3
400
#D270A2
500
#C23D81
600
#9B3167
700
#7C2753
800
#611F41
900
#471A31
950
#2D101F

Contrast Checker

Text on white

15.62:1

AA Pass AAA Pass

Text on black

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