#5C94E2

Color Details

HEX
#5C94E2
RGB
rgb(92, 148, 226)
HSL
hsl(215, 70%, 62%)
CMYK
cmyk(59%, 35%, 0%, 11%)
Best text on this color #000000 (CR 6.79:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5c94e2
Contrast 6.79:1 AA
White on #5c94e2
Contrast 3.09:1 Fail
#5c94e2 on Black
Contrast 6.79:1 AA
#5c94e2 on White
Contrast 3.09:1 Fail

Tints & Shades

#7da9e8
#9dbfee
#bed4f3
#4a76b5
#375988
#253b5a

Complement & Analogous

#e2a95a
#665ae2
#5ad7e2

Triadic

#e25a93
#93e25a

Monochrome

#253b5a #375988 #5c94e2 #9dbfee #bed4f3 #deeaf9

Analogous

#5ad7e2 #8ce3eb #5c94e2 #857be8 #665ae2 #5248b5

Complementary Mix

#375988 #5c94e2 #9dbfee #e2a95a #ecc794 #936e3b

Nearby Colors

#5c94e1
#5c94e3
#5c94d2
#5c94f2

Embed #5C94E2 swatch

Embed this swatch

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

Open image

About #5C94E2

#5C94E2 converts to RGB(92, 148, 226) and HSL(215, 70%, 62%). 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).

#5C94E2 FAQs

What is the RGB value of #5C94E2?
RGB: 92, 148, 226. Copy as CSS: rgb(92, 148, 226)
Is #5C94E2 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5C94E2?
Complement: #e2a95a.
Does #5C94E2 have good contrast on white or black?
On white: 3.09:1 (AA (large text)). On black: 6.79:1 (AA (normal text)).