#535BCC

Color Details

HEX
#535BCC
RGB
rgb(83, 91, 204)
HSL
hsl(236, 54%, 56%)
CMYK
cmyk(59%, 55%, 0%, 20%)
Best text on this color #FFFFFF (CR 5.62:1) Determined by WCAG contrast ratio

Readability Previews

Black on #535bcc
Contrast 3.74:1 Fail
White on #535bcc
Contrast 5.62:1 AA
#535bcc on Black
Contrast 3.74:1 Fail
#535bcc on White
Contrast 5.62:1 AA

Tints & Shades

#757cd6
#989de0
#babdeb
#4249a3
#32377a
#212452

Complement & Analogous

#cbc352
#8752cb
#5297cb

Triadic

#cb525a
#5acb52

Monochrome

#212452 #32377a #535bcc #989de0 #babdeb #dddef5

Analogous

#5297cb #86b6db #535bcc #9f75d5 #8752cb #6c42a2

Complementary Mix

#32377a #535bcc #989de0 #cbc352 #ddd88f #847f35

Nearby Colors

#535bcb
#535bcd
#535bbc
#535bdc

Embed #535BCC swatch

Embed this swatch

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

Open image

About #535BCC

#535BCC converts to RGB(83, 91, 204) and HSL(236, 54%, 56%). 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).

#535BCC FAQs

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