Skip to main content

#7686FF

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
#7686FF
RGB
rgb(118, 134, 255)
RGBA
rgba(118, 134, 255, 1)
HSL
hsl(232.99, 100%, 73.14%)
HSLA
hsla(233, 100%, 73%, 1)
CMYK
cmyk(54%, 47%, 0%, 0%)

Color Palettes

Harmonious color combinations based on #7686FF

Monochromatic

Shades and tints of the same hue

#000633
#001299
#001EFF
#6678FF
#CCD2FF

Analogous

Adjacent colors on the color wheel

#75FFEF
#75CAFF
#7686FF
#AA75FF
#EF75FF

Complementary

Opposite color for maximum contrast

#7686FF
#FFEF75

Triadic

Three evenly spaced colors

#7686FF
#FF7585
#85FF75

CSS Usage Examples

Background

background-color: #7686FF;

Text

color: #7686FF;

Border

border: 2px solid #7686FF;

Shadow

box-shadow: 0 4px 6px #7686FF40;
Feedback