#02C0FD

#02C0FD

Color Values

HEX

#02C0FD

RGB

2, 192, 253

HSL

194.6, 98.4%, 50.0%

HSV

194.6, 99.2%, 99.2%

CMYK

99.2%, 24.1%, 0.0%, 0.8%

OKLCH

0.7568 0.1511 230.3

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#02C0FD

#FD3F02

Analogous

#02FDBD

#0242FD

#02C0FD

Triadic

#02C0FD

#FD02C0

#C0FD02

Split Complementary

#02C0FD

#FD0242

#FDBD02

Tetradic

#02C0FD

#BD02FD

#FD3F02

#42FD02

Color Blindness Simulation

Original

#02C0FD

Protanopia

#5456EE

Deuteranopia

#493BEB

Tritanopia

#0CE3E0

Achromatopsia

#9C9C9C

CSS Usage

background-color: #02C0FD;
color: #02C0FD;
border-color: #02C0FD;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1FBFE
100
#DEF5FC
200
#B8EDFE
300
#86E1FE
400
#44D0FD
500
#02C0FD
600
#029ACA
700
#017BA2
800
#01607E
900
#06465B
950
#042D3A

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

9.96:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026