Skip to main content

#9BACF0

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
#9BACF0
RGB
rgb(155, 172, 240)
RGBA
rgba(155, 172, 240, 1)
HSL
hsl(228, 73.91%, 77.45%)
HSLA
hsla(228, 74%, 77%, 1)
CMYK
cmyk(35%, 28%, 0%, 6%)

Color Palettes

Harmonious color combinations based on #9BACF0

Monochromatic

Shades and tints of the same hue

#070E2C
#142B85
#2147DE
#7A91EB
#D3DAF8

Analogous

Adjacent colors on the color wheel

#99F0DE
#99D6F0
#9BACF0
#B399F0
#DE99F0

Complementary

Opposite color for maximum contrast

#9BACF0
#F0DE99

Triadic

Three evenly spaced colors

#9BACF0
#F099AA
#AAF099

CSS Usage Examples

Background

background-color: #9BACF0;

Text

color: #9BACF0;

Border

border: 2px solid #9BACF0;

Shadow

box-shadow: 0 4px 6px #9BACF040;
Feedback