#3B64C3

Color Details

HEX
#3B64C3
RGB
rgb(59, 100, 195)
HSL
hsl(222, 54%, 50%)
CMYK
cmyk(70%, 49%, 0%, 24%)
Best text on this color #FFFFFF (CR 5.53:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3b64c3
Contrast 3.80:1 Fail
White on #3b64c3
Contrast 5.53:1 AA
#3b64c3 on Black
Contrast 3.80:1 Fail
#3b64c3 on White
Contrast 5.53:1 AA

Tints & Shades

#6283cf
#89a2db
#b1c1e7
#2f509c
#233c75
#18284e

Complement & Analogous

#c49b3b
#563bc4
#3ba9c4

Triadic

#c43b64
#64c43b

Monochrome

#18284e #233c75 #3b64c3 #89a2db #b1c1e7 #d8e0f3

Analogous

#3ba9c4 #76c3d6 #3b64c3 #7862d0 #563bc4 #452f9d

Complementary Mix

#233c75 #3b64c3 #89a2db #c49b3b #d9be80 #7f6526

Nearby Colors

#3b64c2
#3b64c4
#3b64b3
#3b64d3

Embed #3B64C3 swatch

Embed this swatch

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

Open image

About #3B64C3

#3B64C3 converts to RGB(59, 100, 195) and HSL(222, 54%, 50%). 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).

#3B64C3 FAQs

What is the RGB value of #3B64C3?
RGB: 59, 100, 195. Copy as CSS: rgb(59, 100, 195)
Is #3B64C3 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #3B64C3?
Complement: #c49b3b.
Does #3B64C3 have good contrast on white or black?
On white: 5.53:1 (AA (normal text)). On black: 3.80:1 (AA (large text)).