Skip to main content

#2FAADD

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
#2FAADD
RGB
rgb(47, 170, 221)
RGBA
rgba(47, 170, 221, 1)
HSL
hsl(197.59, 71.9%, 52.55%)
HSLA
hsla(198, 72%, 53%, 1)
CMYK
cmyk(79%, 23%, 0%, 13%)

Color Palettes

Harmonious color combinations based on #2FAADD

Monochromatic

Shades and tints of the same hue

#07212C
#156384
#24A4DB
#7BC9EA
#D3EDF8

Analogous

Adjacent colors on the color wheel

#31DD65
#31DDBB
#2FAADD
#3153DD
#6531DD

Complementary

Opposite color for maximum contrast

#2FAADD
#DD6531

Triadic

Three evenly spaced colors

#2FAADD
#DD31AA
#AADD31

CSS Usage Examples

Background

background-color: #2FAADD;

Text

color: #2FAADD;

Border

border: 2px solid #2FAADD;

Shadow

box-shadow: 0 4px 6px #2FAADD40;
Feedback