#1502FD

#1502FD

Color Values

HEX

#1502FD

RGB

21, 2, 253

HSL

244.5, 98.4%, 50.0%

HSV

244.5, 99.2%, 99.2%

CMYK

91.7%, 99.2%, 0.0%, 0.8%

OKLCH

0.4534 0.3083 265.7

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#1502FD

#EAFD02

Analogous

#026DFD

#9202FD

#1502FD

Triadic

#1502FD

#FD1502

#02FD15

Split Complementary

#1502FD

#FD9202

#6DFD02

Tetradic

#1502FD

#FD026D

#EAFD02

#02FD92

Color Blindness Simulation

Original

#1502FD

Protanopia

#0D0DC0

Deuteranopia

#0E0FB2

Tritanopia

#149086

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F2F1FE
100
#E0DEFC
200
#BDB8FE
300
#8F86FE
400
#5244FD
500
#1502FD
600
#1102CA
700
#0D01A2
800
#0A017E
900
#0C065B
950
#08043A

Contrast Checker

Text on white

8.54:1

AA Pass AAA Pass

Text on black

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