#40C4FF

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

#40C4FF

RGB

rgb(64, 196, 255)

RGBA

rgba(64, 196, 255, 1)

HSL

hsl(198.53, 100%, 62.55%)

HSLA

hsla(199, 100%, 63%, 1)

CMYK

cmyk(75%, 23%, 0%, 0%)

Color Palettes

Harmonious color combinations based on #40C4FF

Monochromatic

Shades and tints of the same hue

#002333

#006999

#00AEFF

#66CFFF

#CCEFFF

Analogous

Adjacent colors on the color wheel

#42FF7E

#42FFDC

#40C4FF

#4265FF

#7E42FF

Complementary

Opposite color for maximum contrast

#40C4FF

#FF7E42

Triadic

Three evenly spaced colors

#40C4FF

#FF42C3

#C3FF42

CSS Usage Examples

Background

background-color: #40C4FF;

Text

color: #40C4FF;

Border

border: 2px solid #40C4FF;

Shadow

box-shadow: 0 4px 6px #40C4FF40;

Related Colors

Discover harmonious color variations

Complementary

#FF7B40

Opposite on color wheel

Lighter

#A6E4FF

+20% lightness

Darker

#0096D9

-20% lightness

Analogous -30°

#40FFDA

Adjacent color

Analogous +30°

#4065FF

Adjacent color