#3B64E3

Color Details

HEX
#3B64E3
RGB
rgb(59, 100, 227)
HSL
hsl(225, 75%, 56%)
CMYK
cmyk(74%, 56%, 0%, 11%)
Best text on this color #FFFFFF (CR 5.10:1) Determined by WCAG contrast ratio

Readability Previews

Black on #3b64e3
Contrast 4.12:1 Fail
White on #3b64e3
Contrast 5.10:1 AA
#3b64e3 on Black
Contrast 4.12:1 Fail
#3b64e3 on White
Contrast 5.10:1 AA

Tints & Shades

#6283e9
#89a2ee
#b1c1f4
#2f50b6
#233c88
#18285b

Complement & Analogous

#e3b93b
#653be3
#3bb9e3

Triadic

#e33b65
#65e33b

Monochrome

#18285b #233c88 #3b64e3 #89a2ee #b1c1f4 #d8e0f9

Analogous

#3bb9e3 #76ceeb #3b64e3 #8462e9 #653be3 #512fb6

Complementary Mix

#233c88 #3b64e3 #89a2ee #e3b93b #edd280 #947826

Nearby Colors

#3b64e2
#3b64e4
#3b64d3
#3b64f3

Embed #3B64E3 swatch

Embed this swatch

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

Open image

About #3B64E3

#3B64E3 converts to RGB(59, 100, 227) and HSL(225, 75%, 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).

#3B64E3 FAQs

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