#02AEC0

#02AEC0

Color Values

HEX

#02AEC0

RGB

2, 174, 192

HSL

185.7, 97.9%, 38.0%

HSV

185.7, 99.0%, 75.3%

CMYK

99.0%, 9.4%, 0.0%, 24.7%

OKLCH

0.6868 0.1178 207.8

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#02AEC0

#C01402

Analogous

#02C073

#024FC0

#02AEC0

Triadic

#02AEC0

#C002AE

#AEC002

Split Complementary

#02AEC0

#C0024F

#C07302

Tetradic

#02AEC0

#7302C0

#C01402

#4FC002

Color Blindness Simulation

Original

#02AEC0

Protanopia

#4D4EBC

Deuteranopia

#4236BB

Tritanopia

#0BB8B7

Achromatopsia

#8B8B8B

CSS Usage

background-color: #02AEC0;
color: #02AEC0;
border-color: #02AEC0;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F1FDFE
100
#DEF9FC
200
#B8F8FE
300
#86F2FE
400
#44EBFD
500
#03E5FC
600
#02B7CA
700
#0292A1
800
#01727E
900
#06535B
950
#04343A

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

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