#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

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026