#3F1179

#3F1179

Color Values

HEX

#3F1179

RGB

63, 17, 121

HSL

266.5, 75.4%, 27.1%

HSV

266.5, 86.0%, 47.5%

CMYK

47.9%, 86.0%, 0.0%, 52.5%

OKLCH

0.325 0.1578 296.0

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#3F1179

#4B7911

Analogous

#111779

#731179

#3F1179

Triadic

#3F1179

#793F11

#11793F

Split Complementary

#3F1179

#797311

#177911

Tetradic

#3F1179

#791117

#4B7911

#117973

Color Blindness Simulation

Original

#3F1179

Protanopia

#2B2B60

Deuteranopia

#2E315A

Tritanopia

#3D4C48

Achromatopsia

#222222

CSS Usage

background-color: #3F1179;
color: #3F1179;
border-color: #3F1179;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F2FC
100
#ECE2F9
200
#D8C0F6
300
#BC94F0
400
#985AE8
500
#741FE0
600
#5D19B3
700
#4A148F
800
#3A1070
900
#2D1051
950
#1C0A33

Contrast Checker

Text on white

13.4:1

AA Pass AAA Pass

Text on black

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