#02BDCC

#02BDCC

Color Values

HEX

#02BDCC

RGB

2, 189, 204

HSL

184.5, 98.1%, 40.4%

HSV

184.5, 99.0%, 80.0%

CMYK

99.0%, 7.4%, 0.0%, 20.0%

OKLCH

0.7285 0.1242 204.9

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#02BDCC

#CC1102

Analogous

#02CC76

#0258CC

#02BDCC

Triadic

#02BDCC

#CC02BD

#BDCC02

Split Complementary

#02BDCC

#CC0258

#CC7602

Tetradic

#02BDCC

#7602CC

#CC1102

#58CC02

Color Blindness Simulation

Original

#02BDCC

Protanopia

#5355C8

Deuteranopia

#483AC7

Tritanopia

#0BC6C5

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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