#3F0378

#3F0378

Color Values

HEX

#3F0378

RGB

63, 3, 120

HSL

270.8, 95.1%, 24.1%

HSV

270.8, 97.5%, 47.1%

CMYK

47.5%, 97.5%, 0.0%, 52.9%

OKLCH

0.314 0.1664 297.7

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#3F0378

#3C7803

Analogous

#050378

#780376

#3F0378

Triadic

#3F0378

#783F03

#03783F

Split Complementary

#3F0378

#767803

#037805

Tetradic

#3F0378

#780503

#3C7803

#037678

Color Blindness Simulation

Original

#3F0378

Protanopia

#25245C

Deuteranopia

#282D55

Tritanopia

#3C4540

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F8F1FE
100
#EEDFFC
200
#DCB9FD
300
#C388FC
400
#A347FA
500
#8306F9
600
#6905C7
700
#54049F
800
#41037C
900
#32075A
950
#1F0439

Contrast Checker

Text on white

14.04:1

AA Pass AAA Pass

Text on black

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