#02BBCA

#02BBCA

Color Values

HEX

#02BBCA

RGB

2, 187, 202

HSL

184.5, 98.0%, 40.0%

HSV

184.5, 99.0%, 79.2%

CMYK

99.0%, 7.4%, 0.0%, 20.8%

OKLCH

0.7228 0.1232 205.0

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#02BBCA

#CA1102

Analogous

#02CA75

#0257CA

#02BBCA

Triadic

#02BBCA

#CA02BB

#BBCA02

Split Complementary

#02BBCA

#CA0257

#CA7502

Tetradic

#02BBCA

#7502CA

#CA1102

#57CA02

Color Blindness Simulation

Original

#02BBCA

Protanopia

#5254C6

Deuteranopia

#473AC5

Tritanopia

#0BC4C3

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

8.96:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026