Skip to main content

#84CCE1

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
#84CCE1
RGB
rgb(132, 204, 225)
RGBA
rgba(132, 204, 225, 1)
HSL
hsl(193.55, 60.78%, 70%)
HSLA
hsla(194, 61%, 70%, 1)
CMYK
cmyk(41%, 9%, 0%, 12%)

Color Palettes

Harmonious color combinations based on #84CCE1

Monochromatic

Shades and tints of the same hue

#0A2229
#1E657B
#32A9CD
#84CBE1
#D6EEF5

Analogous

Adjacent colors on the color wheel

#84E19A
#84E1C8
#84CCE1
#849DE1
#9A84E1

Complementary

Opposite color for maximum contrast

#84CCE1
#E19A84

Triadic

Three evenly spaced colors

#84CCE1
#E184CB
#CBE184

CSS Usage Examples

Background

background-color: #84CCE1;

Text

color: #84CCE1;

Border

border: 2px solid #84CCE1;

Shadow

box-shadow: 0 4px 6px #84CCE140;
Feedback