#3F153B

#3F153B

Color Values

HEX

#3F153B

RGB

63, 21, 59

HSL

305.7, 50.0%, 16.5%

HSV

305.7, 66.7%, 24.7%

CMYK

0.0%, 66.7%, 6.3%, 75.3%

OKLCH

0.2782 0.0852 331.4

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#3F153B

#153F19

Analogous

#2E153F

#3F1526

#3F153B

Triadic

#3F153B

#3B3F15

#153B3F

Split Complementary

#3F153B

#263F15

#153F2E

Tetradic

#3F153B

#3F2E15

#153F19

#15263F

Color Blindness Simulation

Original

#3F153B

Protanopia

#2D2C32

Deuteranopia

#2F3230

Tritanopia

#3D2B29

Achromatopsia

#212121

CSS Usage

background-color: #3F153B;
color: #3F153B;
border-color: #3F153B;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#FBF4FA
100
#F5E6F3
200
#EDC9EA
300
#E0A3DB
400
#D071C7
500
#BF40B3
600
#99338F
700
#7A2973
800
#60205A
900
#461B42
950
#2C112A

Contrast Checker

Text on white

15.2:1

AA Pass AAA Pass

Text on black

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