#02ACFF

#02ACFF

Color Values

HEX

#02ACFF

RGB

2, 172, 255

HSL

199.7, 100.0%, 50.4%

HSV

199.7, 99.2%, 100.0%

CMYK

99.2%, 32.5%, 0.0%, 0.0%

OKLCH

0.7118 0.1662 241.2

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#02ACFF

#FF5502

Analogous

#02FFD4

#022DFF

#02ACFF

Triadic

#02ACFF

#FF02AC

#ACFF02

Split Complementary

#02ACFF

#FF022D

#FFD402

Tetradic

#02ACFF

#D402FF

#FF5502

#2DFF02

Color Blindness Simulation

Original

#02ACFF

Protanopia

#4C4DEB

Deuteranopia

#4235E6

Tritanopia

#0ADBD8

Achromatopsia

#8E8E8E

CSS Usage

background-color: #02ACFF;
color: #02ACFF;
border-color: #02ACFF;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F1FAFE
100
#DEF2FC
200
#B8E8FF
300
#85D7FF
400
#42C1FF
500
#00ABFF
600
#0089CC
700
#006EA3
800
#005680
900
#053F5C
950
#03283A

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

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