#3F1174

#3F1174

Color Values

HEX

#3F1174

RGB

63, 17, 116

HSL

267.9, 74.4%, 26.1%

HSV

267.9, 85.3%, 45.5%

CMYK

45.7%, 85.3%, 0.0%, 54.5%

OKLCH

0.32 0.1524 297.8

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#3F1174

#467411

Analogous

#111574

#711174

#3F1174

Triadic

#3F1174

#743F11

#11743F

Split Complementary

#3F1174

#747111

#157411

Tetradic

#3F1174

#741115

#467411

#117471

Color Blindness Simulation

Original

#3F1174

Protanopia

#2B2B5C

Deuteranopia

#2E3156

Tritanopia

#3D4945

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#ECE2F8
200
#D9C1F6
300
#BF94EF
400
#9C5AE7
500
#7921DE
600
#611AB2
700
#4D158E
800
#3C106F
900
#2E1051
950
#1D0A33

Contrast Checker

Text on white

13.6:1

AA Pass AAA Pass

Text on black

1.54:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026