#5B7DCC

Color Details

HEX
#5B7DCC
RGB
rgb(91, 125, 204)
HSL
hsl(222, 53%, 58%)
CMYK
cmyk(55%, 39%, 0%, 20%)
Best text on this color #000000 (CR 5.25:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5b7dcc
Contrast 5.25:1 AA
White on #5b7dcc
Contrast 4.00:1 Fail
#5b7dcc on Black
Contrast 5.25:1 AA
#5b7dcc on White
Contrast 4.00:1 Fail

Tints & Shades

#7c97d6
#9db1e0
#bdcbeb
#4964a3
#374b7a
#243252

Complement & Analogous

#cdab5b
#725bcd
#5bb6cd

Triadic

#cd5b7d
#7dcd5b

Monochrome

#243252 #374b7a #5b7dcc #9db1e0 #bdcbeb #dee5f5

Analogous

#5bb6cd #8cccdc #5b7dcc #8e7cd7 #725bcd #5b49a4

Complementary Mix

#374b7a #5b7dcc #9db1e0 #cdab5b #dfc894 #856f3b

Nearby Colors

#5b7dcb
#5b7dcd
#5b7dbc
#5b7ddc

Embed #5B7DCC swatch

Embed this swatch

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

Open image

About #5B7DCC

#5B7DCC converts to RGB(91, 125, 204) and HSL(222, 53%, 58%). 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).

#5B7DCC FAQs

What is the RGB value of #5B7DCC?
RGB: 91, 125, 204. Copy as CSS: rgb(91, 125, 204)
Is #5B7DCC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5B7DCC?
Complement: #cdab5b.
Does #5B7DCC have good contrast on white or black?
On white: 4.00:1 (AA (large text)). On black: 5.25:1 (AA (normal text)).