Skip to main content

#DEF2FA

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
#DEF2FA
RGB
rgb(222, 242, 250)
RGBA
rgba(222, 242, 250, 1)
HSL
hsl(197.14, 73.68%, 92.55%)
HSLA
hsla(197, 74%, 93%, 1)
CMYK
cmyk(11%, 3%, 0%, 2%)

Color Palettes

Harmonious color combinations based on #DEF2FA

Monochromatic

Shades and tints of the same hue

#07222C
#146585
#21A8DE
#7ACBEB
#D3EEF8

Analogous

Adjacent colors on the color wheel

#E0FAE7
#E0FAF5
#DEF2FA
#E0E6FA
#E7E0FA

Complementary

Opposite color for maximum contrast

#DEF2FA
#FAE7E0

Triadic

Three evenly spaced colors

#DEF2FA
#FAE0F3
#F3FAE0

CSS Usage Examples

Background

background-color: #DEF2FA;

Text

color: #DEF2FA;

Border

border: 2px solid #DEF2FA;

Shadow

box-shadow: 0 4px 6px #DEF2FA40;
Feedback