Skip to main content

#789BEB

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
#789BEB
RGB
rgb(120, 155, 235)
RGBA
rgba(120, 155, 235, 1)
HSL
hsl(221.74, 74.19%, 69.61%)
HSLA
hsla(222, 74%, 70%, 1)
CMYK
cmyk(49%, 34%, 0%, 8%)

Color Palettes

Harmonious color combinations based on #789BEB

Monochromatic

Shades and tints of the same hue

#07122C
#143685
#215ADE
#7A9CEB
#D3DEF8

Analogous

Adjacent colors on the color wheel

#7AEBC9
#7AD4EB
#789BEB
#917AEB
#C97AEB

Complementary

Opposite color for maximum contrast

#789BEB
#EBC97A

Triadic

Three evenly spaced colors

#789BEB
#EB7A9C
#9CEB7A

CSS Usage Examples

Background

background-color: #789BEB;

Text

color: #789BEB;

Border

border: 2px solid #789BEB;

Shadow

box-shadow: 0 4px 6px #789BEB40;
Feedback