#5C7EBC

Color Details

HEX
#5C7EBC
RGB
rgb(92, 126, 188)
HSL
hsl(219, 42%, 55%)
CMYK
cmyk(51%, 33%, 0%, 26%)
Best text on this color #000000 (CR 5.17:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5c7ebc
Contrast 5.17:1 AA
White on #5c7ebc
Contrast 4.07:1 Fail
#5c7ebc on Black
Contrast 5.17:1 AA
#5c7ebc on White
Contrast 4.07:1 Fail

Tints & Shades

#7d98c9
#9db2d7
#becbe4
#4a6596
#374c71
#25324b

Complement & Analogous

#bc9b5c
#6b5cbc
#5caebc

Triadic

#bc5c7e
#7ebc5c

Monochrome

#25324b #374c71 #5c7ebc #9db2d7 #becbe4 #dee5f2

Analogous

#5caebc #8dc6d0 #5c7ebc #897dc9 #6b5cbc #564a96

Complementary Mix

#374c71 #5c7ebc #9db2d7 #bc9b5c #d3be95 #7a653c

Nearby Colors

#5c7ebb
#5c7ebd
#5c7eac
#5c7ecc

Embed #5C7EBC swatch

Embed this swatch

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

Open image

About #5C7EBC

#5C7EBC converts to RGB(92, 126, 188) and HSL(219, 42%, 55%). 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).

#5C7EBC FAQs

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