Material Design Colors

Cyan 500

#00BCD4

CSS Values

HEX#00BCD4
RGBrgb(0, 188, 212)
HSLhsl(187, 100%, 42%)
HSL (modern)hsl(187deg 100% 42%)
OKLCHoklch(72.9% 0.1265 211deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 2.3:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 9.14:1AA: PassAAA: PassAA Large: Pass

Other Cyan shades

Accent shades

Nearest Named Colors

See all
Open Color
cyan-5
Radix Colors
cyan-8
Tailwind CSS
cyan-500
iOS HIG
system-teal
Munsell
5B-7-6
Ant Design
cyan-6
Crayola
cerulean
Bootstrap 5
cyan-500
CSS Named
darkturquoise
RAL Classic
6034