#00AFD7

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

#00AFD7

RGB

rgb(0, 175, 215)

RGBA

rgba(0, 175, 215, 1)

HSL

hsl(191.16, 100%, 42.16%)

HSLA

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

CMYK

cmyk(100%, 19%, 0%, 16%)

Color Palettes

Harmonious color combinations based on #00AFD7

Monochromatic

Shades and tints of the same hue

#002A33

#007D99

#00D0FF

#66E3FF

#CCF6FF

Analogous

Adjacent colors on the color wheel

#00D627

#00D692

#00AFD7

#0044D6

#2700D6

Complementary

Opposite color for maximum contrast

#00AFD7

#D62700

Triadic

Three evenly spaced colors

#00AFD7

#D600AF

#AFD600

CSS Usage Examples

Background

background-color: #00AFD7;

Text

color: #00AFD7;

Border

border: 2px solid #00AFD7;

Shadow

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

Related Colors

Discover harmonious color variations

Complementary

#D72800

Opposite on color wheel

Lighter

#3EDBFF

+20% lightness

Darker

#005C71

-20% lightness

Analogous -30°

#00D793

Adjacent color

Analogous +30°

#0044D7

Adjacent color