#02BCCA

#02BCCA

Color Values

HEX

#02BCCA

RGB

2, 188, 202

HSL

184.2, 98.0%, 40.0%

HSV

184.2, 99.0%, 79.2%

CMYK

99.0%, 6.9%, 0.0%, 20.8%

OKLCH

0.7253 0.1235 204.3

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#02BCCA

#CA1002

Analogous

#02CA74

#0258CA

#02BCCA

Triadic

#02BCCA

#CA02BC

#BCCA02

Split Complementary

#02BCCA

#CA0258

#CA7402

Tetradic

#02BCCA

#7402CA

#CA1002

#58CA02

Color Blindness Simulation

Original

#02BCCA

Protanopia

#5354C7

Deuteranopia

#483AC6

Tritanopia

#0BC4C3

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F1FDFE
100
#DEFAFC
200
#B8F9FE
300
#86F5FE
400
#44F0FD
500
#03EBFC
600
#02BCCA
700
#0296A2
800
#01757E
900
#06555B
950
#04363A

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

9.05:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026