#00B4CC

#00B4CC

Color Values

HEX

#00B4CC

RGB

0, 180, 204

HSL

187.1, 100.0%, 40.0%

HSV

187.1, 100.0%, 80.0%

CMYK

100.0%, 11.8%, 0.0%, 20.0%

OKLCH

0.7063 0.1228 211.4

Properties

Cool Light Nearest: Pacific Blue

Color Harmonies

Complementary

#00B4CC

#CC1800

Analogous

#00CC7E

#004ECC

#00B4CC

Triadic

#00B4CC

#CC00B4

#B4CC00

Split Complementary

#00B4CC

#CC004E

#CC7E00

Tetradic

#00B4CC

#7E00CC

#CC1800

#4ECC00

Color Blindness Simulation

Original

#00B4CC

Protanopia

#4E50C6

Deuteranopia

#4436C5

Tritanopia

#09C2C1

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F1FCFE
100
#DEF9FC
200
#B8F7FF
300
#85F1FF
400
#42E9FF
500
#00E1FF
600
#00B4CC
700
#0090A3
800
#007080
900
#05525C
950
#03343A

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

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