#5A8CEC

Color Details

HEX
#5A8CEC
RGB
rgb(90, 140, 236)
HSL
hsl(219, 79%, 64%)
CMYK
cmyk(62%, 41%, 0%, 7%)
Best text on this color #000000 (CR 6.40:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5a8cec
Contrast 6.40:1 AA
White on #5a8cec
Contrast 3.28:1 Fail
#5a8cec on Black
Contrast 6.40:1 AA
#5a8cec on White
Contrast 3.28:1 Fail

Tints & Shades

#7ba3f0
#9cbaf4
#bdd1f7
#4870bd
#36548e
#24385e

Complement & Analogous

#ecb95b
#705bec
#5bd6ec

Triadic

#ec5b8d
#8dec5b

Monochrome

#24385e #36548e #5a8cec #9cbaf4 #bdd1f7 #dee8fb

Analogous

#5bd6ec #8ce2f2 #5a8cec #8d7cf0 #705bec #5a49bd

Complementary Mix

#36548e #5a8cec #9cbaf4 #ecb95b #f3d294 #99783b

Nearby Colors

#5a8ceb
#5a8ced
#5a8cdc
#5a8cfc

Embed #5A8CEC swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5A8CEC

#5A8CEC converts to RGB(90, 140, 236) and HSL(219, 79%, 64%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5A8CEC FAQs

What is the RGB value of #5A8CEC?
RGB: 90, 140, 236. Copy as CSS: rgb(90, 140, 236)
Is #5A8CEC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5A8CEC?
Complement: #ecb95b.
Does #5A8CEC have good contrast on white or black?
On white: 3.28:1 (AA (large text)). On black: 6.40:1 (AA (normal text)).