#536DCC

Color Details

HEX
#536DCC
RGB
rgb(83, 109, 204)
HSL
hsl(227, 54%, 56%)
CMYK
cmyk(59%, 47%, 0%, 20%)
Best text on this color #FFFFFF (CR 4.74:1) Determined by WCAG contrast ratio

Readability Previews

Black on #536dcc
Contrast 4.43:1 Fail
White on #536dcc
Contrast 4.74:1 AA
#536dcc on Black
Contrast 4.43:1 Fail
#536dcc on White
Contrast 4.74:1 AA

Tints & Shades

#758ad6
#98a7e0
#bac5eb
#4257a3
#32417a
#212c52

Complement & Analogous

#cbb152
#7552cb
#52a9cb

Triadic

#cb526c
#6ccb52

Monochrome

#212c52 #32417a #536dcc #98a7e0 #bac5eb #dde2f5

Analogous

#52a9cb #86c3db #536dcc #9175d5 #7552cb #5e42a2

Complementary Mix

#32417a #536dcc #98a7e0 #cbb152 #ddcc8f #847335

Nearby Colors

#536dcb
#536dcd
#536dbc
#536ddc

Embed #536DCC swatch

Embed this swatch

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

Open image

About #536DCC

#536DCC converts to RGB(83, 109, 204) and HSL(227, 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).

#536DCC FAQs

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