#3F03C9

#3F03C9

Color Values

HEX

#3F03C9

RGB

63, 3, 201

HSL

258.2, 97.1%, 40.0%

HSV

258.2, 98.5%, 78.8%

CMYK

68.7%, 98.5%, 0.0%, 21.2%

OKLCH

0.4081 0.2469 279.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3F03C9

#8DC903

Analogous

#032AC9

#A203C9

#3F03C9

Triadic

#3F03C9

#C93F03

#03C93F

Split Complementary

#3F03C9

#C9A203

#2AC903

Tetradic

#3F03C9

#C9032A

#8DC903

#03C9A2

Color Blindness Simulation

Original

#3F03C9

Protanopia

#252499

Deuteranopia

#282D8E

Tritanopia

#3C736B

Achromatopsia

#1E1E1E

CSS Usage

background-color: #3F03C9;
color: #3F03C9;
border-color: #3F03C9;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F1FE
100
#E7DEFC
200
#CEB9FE
300
#AA86FD
400
#7D45FC
500
#4F04FB
600
#3F03C9
700
#3202A1
800
#27027E
900
#20065B
950
#140439

Contrast Checker

Text on white

10.16:1

AA Pass AAA Pass

Text on black

2.07:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026