#3A02FD

#3A02FD

Color Values

HEX

#3A02FD

RGB

58, 2, 253

HSL

253.4, 98.4%, 50.0%

HSV

253.4, 99.2%, 99.2%

CMYK

77.1%, 99.2%, 0.0%, 0.8%

OKLCH

0.4683 0.2997 272.4

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#3A02FD

#C5FD02

Analogous

#0247FD

#B802FD

#3A02FD

Triadic

#3A02FD

#FD3A02

#02FD3A

Split Complementary

#3A02FD

#FDB802

#47FD02

Tetradic

#3A02FD

#FD0247

#C5FD02

#02FDB8

Color Blindness Simulation

Original

#3A02FD

Protanopia

#2221C0

Deuteranopia

#2529B2

Tritanopia

#379086

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#F4F1FE
100
#E5DEFC
200
#C8B8FE
300
#A086FE
400
#6D44FD
500
#3A02FD
600
#2E02CA
700
#2501A2
800
#1D017E
900
#19065B
950
#10043A

Contrast Checker

Text on white

8.06:1

AA Pass AAA Pass

Text on black

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