#3302FD

#3302FD

Color Values

HEX

#3302FD

RGB

51, 2, 253

HSL

251.7, 98.4%, 50.0%

HSV

251.7, 99.2%, 99.2%

CMYK

79.8%, 99.2%, 0.0%, 0.8%

OKLCH

0.4645 0.3016 270.8

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#3302FD

#CCFD02

Analogous

#024FFD

#B002FD

#3302FD

Triadic

#3302FD

#FD3302

#02FD33

Split Complementary

#3302FD

#FDB002

#4FFD02

Tetradic

#3302FD

#FD024F

#CCFD02

#02FDB0

Color Blindness Simulation

Original

#3302FD

Protanopia

#1E1DC0

Deuteranopia

#2124B2

Tritanopia

#319086

Achromatopsia

#1F1F1F

CSS Usage

background-color: #3302FD;
color: #3302FD;
border-color: #3302FD;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F1FE
100
#E4DEFC
200
#C6B8FE
300
#9D86FE
400
#6844FD
500
#3302FD
600
#2902CA
700
#2101A2
800
#19017E
900
#16065B
950
#0E043A

Contrast Checker

Text on white

8.18:1

AA Pass AAA Pass

Text on black

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