#9BD3DD

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

#9BD3DD

RGB

rgb(155, 211, 221)

RGBA

rgba(155, 211, 221, 1)

HSL

hsl(189.09, 49.25%, 73.73%)

HSLA

hsla(189, 49%, 74%, 1)

CMYK

cmyk(30%, 5%, 0%, 13%)

Color Palettes

Harmonious color combinations based on #9BD3DD

Monochromatic

Shades and tints of the same hue

#0D2226

#276772

#41ABBE

#8DCDD8

#D9EEF2

Analogous

Adjacent colors on the color wheel

#9CDDA6

#9CDDC6

#9BD3DD

#9CB3DD

#A69CDD

Complementary

Opposite color for maximum contrast

#9BD3DD

#DDA69C

Triadic

Three evenly spaced colors

#9BD3DD

#DD9CD3

#D3DD9C

CSS Usage Examples

Background

background-color: #9BD3DD;

Text

color: #9BD3DD;

Border

border: 2px solid #9BD3DD;

Shadow

box-shadow: 0 4px 6px #9BD3DD40;

Related Colors

Discover harmonious color variations

Complementary

#DDA59B

Opposite on color wheel

Lighter

#E7F4F7

+20% lightness

Darker

#4FB2C3

-20% lightness

Analogous -30°

#9BDDC6

Adjacent color

Analogous +30°

#9BB2DD

Adjacent color