Skip to main content

#157AFA

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
#157AFA
RGB
rgb(21, 122, 250)
RGBA
rgba(21, 122, 250, 1)
HSL
hsl(213.54, 95.82%, 53.14%)
HSLA
hsla(214, 96%, 53%, 1)
CMYK
cmyk(92%, 51%, 0%, 2%)

Color Palettes

Harmonious color combinations based on #157AFA

Monochromatic

Shades and tints of the same hue

#011632
#034396
#056FFA
#69A9FC
#CDE2FE

Analogous

Adjacent colors on the color wheel

#14FA96
#14EBFA
#157AFA
#2314FA
#9614FA

Complementary

Opposite color for maximum contrast

#157AFA
#FA9614

Triadic

Three evenly spaced colors

#157AFA
#FA1478
#78FA14

CSS Usage Examples

Background

background-color: #157AFA;

Text

color: #157AFA;

Border

border: 2px solid #157AFA;

Shadow

box-shadow: 0 4px 6px #157AFA40;
Feedback