Skip to main content

#40A5C7

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
#40A5C7
RGB
rgb(64, 165, 199)
RGBA
rgba(64, 165, 199, 1)
HSL
hsl(195.11, 54.66%, 51.57%)
HSLA
hsla(195, 55%, 52%, 1)
CMYK
cmyk(68%, 17%, 0%, 22%)

Color Palettes

Harmonious color combinations based on #40A5C7

Monochromatic

Shades and tints of the same hue

#0B2128
#226277
#39A3C6
#88C8DD
#D7EDF4

Analogous

Adjacent colors on the color wheel

#41C863
#41C8A6
#40A5C7
#4163C8
#6341C8

Complementary

Opposite color for maximum contrast

#40A5C7
#C86341

Triadic

Three evenly spaced colors

#40A5C7
#C841A6
#A6C841

CSS Usage Examples

Background

background-color: #40A5C7;

Text

color: #40A5C7;

Border

border: 2px solid #40A5C7;

Shadow

box-shadow: 0 4px 6px #40A5C740;
Feedback