#564DBC

Color Details

HEX
#564DBC
RGB
rgb(86, 77, 188)
HSL
hsl(245, 45%, 52%)
CMYK
cmyk(54%, 59%, 0%, 26%)
Best text on this color #FFFFFF (CR 6.60:1) Determined by WCAG contrast ratio

Readability Previews

Black on #564dbc
Contrast 3.18:1 Fail
White on #564dbc
Contrast 6.60:1 AA
#564dbc on Black
Contrast 3.18:1 Fail
#564dbc on White
Contrast 6.60:1 AA

Tints & Shades

#7871c9
#9a94d7
#bbb8e4
#453e96
#342e71
#221f4b

Complement & Analogous

#b3bc4e
#8e4ebc
#4e7bbc

Triadic

#bc574e
#4ebc57

Monochrome

#221f4b #342e71 #564dbc #9a94d7 #bbb8e4 #dddbf2

Analogous

#4e7bbc #83a3d0 #564dbc #a571c9 #8e4ebc #723e96

Complementary Mix

#342e71 #564dbc #9a94d7 #b3bc4e #ced38c #747a33

Nearby Colors

#564dbb
#564dbd
#564dac
#564dcc

Embed #564DBC swatch

Embed this swatch

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

Open image

About #564DBC

#564DBC converts to RGB(86, 77, 188) and HSL(245, 45%, 52%). 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).

#564DBC FAQs

What is the RGB value of #564DBC?
RGB: 86, 77, 188. Copy as CSS: rgb(86, 77, 188)
Is #564DBC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #564DBC?
Complement: #b3bc4e.
Does #564DBC have good contrast on white or black?
On white: 6.60:1 (AA (normal text)). On black: 3.18:1 (AA (large text)).