Skip to main content

#218ADC

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
#218ADC
RGB
rgb(33, 138, 220)
RGBA
rgba(33, 138, 220, 1)
HSL
hsl(206.31, 73.91%, 49.61%)
HSLA
hsla(206, 74%, 50%, 1)
CMYK
cmyk(85%, 37%, 0%, 14%)

Color Palettes

Harmonious color combinations based on #218ADC

Monochromatic

Shades and tints of the same hue

#071C2C
#145485
#218CDE
#7ABAEB
#D3E8F8

Analogous

Adjacent colors on the color wheel

#21DE73
#21DED1
#218ADC
#212EDE
#7321DE

Complementary

Opposite color for maximum contrast

#218ADC
#DE7321

Triadic

Three evenly spaced colors

#218ADC
#DE218C
#8CDE21

CSS Usage Examples

Background

background-color: #218ADC;

Text

color: #218ADC;

Border

border: 2px solid #218ADC;

Shadow

box-shadow: 0 4px 6px #218ADC40;
Feedback