#42A5F5

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

#42A5F5

RGB

rgb(66, 165, 245)

RGBA

rgba(66, 165, 245, 1)

HSL

hsl(206.82, 89.95%, 60.98%)

HSLA

hsla(207, 90%, 61%, 1)

CMYK

cmyk(73%, 33%, 0%, 4%)

Color Palettes

Harmonious color combinations based on #42A5F5

Monochromatic

Shades and tints of the same hue

#031C30

#085391

#0D8BF2

#6EB9F7

#CFE8FC

Analogous

Adjacent colors on the color wheel

#42F593

#42F5EC

#42A5F5

#424BF5

#9342F5

Complementary

Opposite color for maximum contrast

#42A5F5

#F59342

Triadic

Three evenly spaced colors

#42A5F5

#F542A5

#A5F542

CSS Usage Examples

Background

background-color: #42A5F5;

Text

color: #42A5F5;

Border

border: 2px solid #42A5F5;

Shadow

box-shadow: 0 4px 6px #42A5F540;

Related Colors

Discover harmonious color variations

Complementary

#F59242

Opposite on color wheel

Lighter

#A3D3FA

+20% lightness

Darker

#0B72C6

-20% lightness

Analogous -30°

#42F5EC

Adjacent color

Analogous +30°

#424CF5

Adjacent color