#C7D2FE

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

#C7D2FE

RGB

rgb(199, 210, 254)

RGBA

rgba(199, 210, 254, 1)

HSL

hsl(228, 96.49%, 88.82%)

HSLA

hsla(228, 96%, 89%, 1)

CMYK

cmyk(22%, 17%, 0%, 0%)

Color Palettes

Harmonious color combinations based on #C7D2FE

Monochromatic

Shades and tints of the same hue

#010B32

#032096

#0536FA

#6986FC

#CDD7FE

Analogous

Adjacent colors on the color wheel

#C8FEF3

#C8EEFE

#C7D2FE

#D8C8FE

#F3C8FE

Complementary

Opposite color for maximum contrast

#C7D2FE

#FEF3C8

Triadic

Three evenly spaced colors

#C7D2FE

#FEC8D3

#D3FEC8

CSS Usage Examples

Background

background-color: #C7D2FE;

Text

color: #C7D2FE;

Border

border: 2px solid #C7D2FE;

Shadow

box-shadow: 0 4px 6px #C7D2FE40;

Related Colors

Discover harmonious color variations

Complementary

#FEF3C7

Opposite on color wheel

Lighter

#FFFFFF

+20% lightness

Darker

#6381FC

-20% lightness

Analogous -30°

#C7EEFE

Adjacent color

Analogous +30°

#D7C7FE

Adjacent color