#00B2CC

#00B2CC

Color Values

HEX

#00B2CC

RGB

0, 178, 204

HSL

187.6, 100.0%, 40.0%

HSV

187.6, 100.0%, 80.0%

CMYK

100.0%, 12.7%, 0.0%, 20.0%

OKLCH

0.7014 0.1227 212.9

Properties

Cool Light Nearest: Pacific Blue

Color Harmonies

Complementary

#00B2CC

#CC1A00

Analogous

#00CC80

#004CCC

#00B2CC

Triadic

#00B2CC

#CC00B2

#B2CC00

Split Complementary

#00B2CC

#CC004C

#CC8000

Tetradic

#00B2CC

#8000CC

#CC1A00

#4CCC00

Color Blindness Simulation

Original

#00B2CC

Protanopia

#4D4FC6

Deuteranopia

#4335C4

Tritanopia

#09C1C0

Achromatopsia

#8E8E8E

CSS Usage

background-color: #00B2CC;
color: #00B2CC;
border-color: #00B2CC;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F1FCFE
100
#DEF8FC
200
#B8F6FF
300
#85EFFF
400
#42E7FF
500
#00DFFF
600
#00B2CC
700
#008FA3
800
#006F80
900
#05515C
950
#03333A

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.24:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026