#3F0B70

#3F0B70

Color Values

HEX

#3F0B70

RGB

63, 11, 112

HSL

270.9, 82.1%, 24.1%

HSV

270.9, 90.2%, 43.9%

CMYK

43.7%, 90.2%, 0.0%, 56.1%

OKLCH

0.3111 0.1531 300.0

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#3F0B70

#3C700B

Analogous

#0D0B70

#700B6E

#3F0B70

Triadic

#3F0B70

#703F0B

#0B703F

Split Complementary

#3F0B70

#6E700B

#0B700D

Tetradic

#3F0B70

#700D0B

#3C700B

#0B6E70

Color Blindness Simulation

Original

#3F0B70

Protanopia

#282858

Deuteranopia

#2C2F52

Tritanopia

#3C4440

Achromatopsia

#1D1D1D

CSS Usage

background-color: #3F0B70;
color: #3F0B70;
border-color: #3F0B70;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DCBEF9
300
#C390F4
400
#A353EE
500
#8317E8
600
#6912BA
700
#540F95
800
#410B74
900
#320D54
950
#1F0835

Contrast Checker

Text on white

14.06:1

AA Pass AAA Pass

Text on black

1.49:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026