#00BCD4

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX

#00BCD4

RGB

rgb(0, 188, 212)

RGBA

rgba(0, 188, 212, 1)

HSL

hsl(186.79, 100%, 41.57%)

HSLA

hsla(187, 100%, 42%, 1)

CMYK

cmyk(100%, 11%, 0%, 17%)

Color Palettes

Harmonious color combinations based on #00BCD4

Monochromatic

Shades and tints of the same hue

#002D33

#008799

#00E1FF

#66EDFF

#CCF9FF

Analogous

Adjacent colors on the color wheel

#00D619

#00D684

#00BCD4

#0052D6

#1900D6

Complementary

Opposite color for maximum contrast

#00BCD4

#D61900

Triadic

Three evenly spaced colors

#00BCD4

#D600BD

#BDD600

CSS Usage Examples

Background

background-color: #00BCD4;

Text

color: #00BCD4;

Border

border: 2px solid #00BCD4;

Shadow

box-shadow: 0 4px 6px #00BCD440;

Related Colors

Discover harmonious color variations

Complementary

#D41800

Opposite on color wheel

Lighter

#3BE9FF

+20% lightness

Darker

#00626E

-20% lightness

Analogous -30°

#00D482

Adjacent color

Analogous +30°

#0052D4

Adjacent color