#3F1079

#3F1079

Color Values

HEX

#3F1079

RGB

63, 16, 121

HSL

266.9, 76.6%, 26.9%

HSV

266.9, 86.8%, 47.5%

CMYK

47.9%, 86.8%, 0.0%, 52.5%

OKLCH

0.3241 0.1586 296.1

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#3F1079

#4A7910

Analogous

#101579

#741079

#3F1079

Triadic

#3F1079

#793F10

#10793F

Split Complementary

#3F1079

#797410

#157910

Tetradic

#3F1079

#791015

#4A7910

#107974

Color Blindness Simulation

Original

#3F1079

Protanopia

#2B2A60

Deuteranopia

#2D3159

Tritanopia

#3D4C47

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#ECE2F9
200
#D8C0F7
300
#BD93F1
400
#9958E9
500
#751EE1
600
#5E18B4
700
#4B1390
800
#3B0F71
900
#2D0F52
950
#1C0A34

Contrast Checker

Text on white

13.45:1

AA Pass AAA Pass

Text on black

1.56:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026