#5C94E1

Color Details

HEX
#5C94E1
RGB
rgb(92, 148, 225)
HSL
hsl(215, 69%, 62%)
CMYK
cmyk(59%, 34%, 0%, 12%)
Best text on this color #000000 (CR 6.78:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5c94e1
Contrast 6.78:1 AA
White on #5c94e1
Contrast 3.10:1 Fail
#5c94e1 on Black
Contrast 6.78:1 AA
#5c94e1 on White
Contrast 3.10:1 Fail

Tints & Shades

#7da9e7
#9dbfed
#bed4f3
#4a76b4
#375987
#253b5a

Complement & Analogous

#e1a95b
#665be1
#5bd6e1

Triadic

#e15b93
#93e15b

Monochrome

#253b5a #375987 #5c94e1 #9dbfed #bed4f3 #deeaf9

Analogous

#5bd6e1 #8ce2ea #5c94e1 #857ce7 #665be1 #5249b4

Complementary Mix

#375987 #5c94e1 #9dbfed #e1a95b #ecc794 #926e3b

Nearby Colors

#5c94e0
#5c94e2
#5c94d1
#5c94f1

Embed #5C94E1 swatch

Embed this swatch

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

Open image

About #5C94E1

#5C94E1 converts to RGB(92, 148, 225) and HSL(215, 69%, 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).

#5C94E1 FAQs

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