Skip to main content

#18C7F8

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
#18C7F8
RGB
rgb(24, 199, 248)
RGBA
rgba(24, 199, 248, 1)
HSL
hsl(193.13, 94.12%, 53.33%)
HSLA
hsla(193, 94%, 53%, 1)
CMYK
cmyk(90%, 20%, 0%, 3%)

Color Palettes

Harmonious color combinations based on #18C7F8

Monochromatic

Shades and tints of the same hue

#022731
#057594
#08C3F7
#6BDBFA
#CEF3FD

Analogous

Adjacent colors on the color wheel

#16F847
#16F8B8
#18C7F8
#1656F8
#4716F8

Complementary

Opposite color for maximum contrast

#18C7F8
#F84716

Triadic

Three evenly spaced colors

#18C7F8
#F816C7
#C7F816

CSS Usage Examples

Background

background-color: #18C7F8;

Text

color: #18C7F8;

Border

border: 2px solid #18C7F8;

Shadow

box-shadow: 0 4px 6px #18C7F840;
Feedback