#5F85CC

Color Details

HEX
#5F85CC
RGB
rgb(95, 133, 204)
HSL
hsl(219, 52%, 59%)
CMYK
cmyk(53%, 35%, 0%, 20%)
Best text on this color #000000 (CR 5.71:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5f85cc
Contrast 5.71:1 AA
White on #5f85cc
Contrast 3.68:1 Fail
#5f85cc on Black
Contrast 5.71:1 AA
#5f85cc on White
Contrast 3.68:1 Fail

Tints & Shades

#7f9dd6
#9fb6e0
#bfceeb
#4c6aa3
#39507a
#263552

Complement & Analogous

#cda760
#7060cd
#60bdcd

Triadic

#cd6086
#86cd60

Monochrome

#263552 #39507a #5f85cc #9fb6e0 #bfceeb #dfe7f5

Analogous

#60bdcd #90d1dc #5f85cc #8d80d7 #7060cd #5a4da4

Complementary Mix

#39507a #5f85cc #9fb6e0 #cda760 #dfc698 #856d3e

Nearby Colors

#5f85cb
#5f85cd
#5f85bc
#5f85dc

Embed #5F85CC swatch

Embed this swatch

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

Open image

About #5F85CC

#5F85CC converts to RGB(95, 133, 204) and HSL(219, 52%, 59%). 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).

#5F85CC FAQs

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