#02BACA

#02BACA

Color Values

HEX

#02BACA

RGB

2, 186, 202

HSL

184.8, 98.0%, 40.0%

HSV

184.8, 99.0%, 79.2%

CMYK

99.0%, 7.9%, 0.0%, 20.8%

OKLCH

0.7203 0.123 205.7

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#02BACA

#CA1202

Analogous

#02CA76

#0256CA

#02BACA

Triadic

#02BACA

#CA02BA

#BACA02

Split Complementary

#02BACA

#CA0256

#CA7602

Tetradic

#02BACA

#7602CA

#CA1202

#56CA02

Color Blindness Simulation

Original

#02BACA

Protanopia

#5253C6

Deuteranopia

#4739C5

Tritanopia

#0BC3C2

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F1FDFE
100
#DEFAFC
200
#B8F9FE
300
#86F4FE
400
#44EEFD
500
#03E8FC
600
#02BACA
700
#0295A2
800
#01747E
900
#06545B
950
#04353A

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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