Skip to main content

#64C7F2

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
#64C7F2
RGB
rgb(100, 199, 242)
RGBA
rgba(100, 199, 242, 1)
HSL
hsl(198.17, 84.52%, 67.06%)
HSLA
hsla(198, 85%, 67%, 1)
CMYK
cmyk(59%, 18%, 0%, 5%)

Color Palettes

Harmonious color combinations based on #64C7F2

Monochromatic

Shades and tints of the same hue

#04222F
#0B678E
#13ABEC
#71CDF4
#D0EEFB

Analogous

Adjacent colors on the color wheel

#63F28E
#63F2D6
#64C7F2
#6380F2
#8E63F2

Complementary

Opposite color for maximum contrast

#64C7F2
#F28E63

Triadic

Three evenly spaced colors

#64C7F2
#F263C7
#C7F263

CSS Usage Examples

Background

background-color: #64C7F2;

Text

color: #64C7F2;

Border

border: 2px solid #64C7F2;

Shadow

box-shadow: 0 4px 6px #64C7F240;
Feedback