#02DAFD

#02DAFD

Color Values

HEX

#02DAFD

RGB

2, 218, 253

HSL

188.4, 98.4%, 50.0%

HSV

188.4, 99.2%, 99.2%

CMYK

99.2%, 13.8%, 0.0%, 0.8%

OKLCH

0.8176 0.1442 214.9

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#02DAFD

#FD2502

Analogous

#02FDA3

#025CFD

#02DAFD

Triadic

#02DAFD

#FD02DA

#DAFD02

Split Complementary

#02DAFD

#FD025C

#FDA302

Tetradic

#02DAFD

#A302FD

#FD2502

#5CFD02

Color Blindness Simulation

Original

#02DAFD

Protanopia

#6061F5

Deuteranopia

#5343F2

Tritanopia

#0DEEEC

Achromatopsia

#AFAFAF

CSS Usage

background-color: #02DAFD;
color: #02DAFD;
border-color: #02DAFD;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FCFE
100
#DEF8FC
200
#B8F5FE
300
#86EDFE
400
#44E3FD
500
#02DAFD
600
#02AECA
700
#018BA2
800
#016D7E
900
#064F5B
950
#04323A

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

12.45:1

AA Pass AAA Pass

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