#69B3E7

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

#69B3E7

RGB

rgb(105, 179, 231)

RGBA

rgba(105, 179, 231, 1)

HSL

hsl(204.76, 72.41%, 65.88%)

HSLA

hsla(205, 72%, 66%, 1)

CMYK

cmyk(55%, 23%, 0%, 9%)

Color Palettes

Harmonious color combinations based on #69B3E7

Monochromatic

Shades and tints of the same hue

#071D2C

#155684

#248FDB

#7BBCEA

#D3E9F8

Analogous

Adjacent colors on the color wheel

#6AE79E

#6AE7DC

#69B3E7

#6A74E7

#9E6AE7

Complementary

Opposite color for maximum contrast

#69B3E7

#E79E6A

Triadic

Three evenly spaced colors

#69B3E7

#E76AB3

#B3E76A

CSS Usage Examples

Background

background-color: #69B3E7;

Text

color: #69B3E7;

Border

border: 2px solid #69B3E7;

Shadow

box-shadow: 0 4px 6px #69B3E740;

Related Colors

Discover harmonious color variations

Complementary

#E79D69

Opposite on color wheel

Lighter

#C1E0F5

+20% lightness

Darker

#2084CA

-20% lightness

Analogous -30°

#69E7DC

Adjacent color

Analogous +30°

#6974E7

Adjacent color