#7DD3FC

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

#7DD3FC

RGB

rgb(125, 211, 252)

RGBA

rgba(125, 211, 252, 1)

HSL

hsl(199.37, 95.49%, 73.92%)

HSLA

hsla(199, 95%, 74%, 1)

CMYK

cmyk(50%, 16%, 0%, 1%)

Color Palettes

Harmonious color combinations based on #7DD3FC

Monochromatic

Shades and tints of the same hue

#012232

#046795

#06ACF9

#6ACDFB

#CDEEFE

Analogous

Adjacent colors on the color wheel

#7EFCA6

#7EFCE5

#7DD3FC

#7E95FC

#A67EFC

Complementary

Opposite color for maximum contrast

#7DD3FC

#FCA67E

Triadic

Three evenly spaced colors

#7DD3FC

#FC7ED4

#D4FC7E

CSS Usage Examples

Background

background-color: #7DD3FC;

Text

color: #7DD3FC;

Border

border: 2px solid #7DD3FC;

Shadow

box-shadow: 0 4px 6px #7DD3FC40;

Related Colors

Discover harmonious color variations

Complementary

#FCA67D

Opposite on color wheel

Lighter

#E1F5FE

+20% lightness

Darker

#19B1FA

-20% lightness

Analogous -30°

#7DFCE6

Adjacent color

Analogous +30°

#7D93FC

Adjacent color