#4B64BE

Color Details

HEX
#4B64BE
RGB
rgb(75, 100, 190)
HSL
hsl(227, 47%, 52%)
CMYK
cmyk(61%, 47%, 0%, 25%)
Best text on this color #FFFFFF (CR 5.43:1) Determined by WCAG contrast ratio

Readability Previews

Black on #4b64be
Contrast 3.87:1 Fail
White on #4b64be
Contrast 5.43:1 AA
#4b64be on Black
Contrast 3.87:1 Fail
#4b64be on White
Contrast 5.43:1 AA

Tints & Shades

#6f83cb
#93a2d8
#b7c1e5
#3c5098
#2d3c72
#1e284c

Complement & Analogous

#bea54b
#6c4bbe
#4b9ebe

Triadic

#be4b64
#64be4b

Monochrome

#1e284c #2d3c72 #4b64be #93a2d8 #b7c1e5 #dbe0f2

Analogous

#4b9ebe #81bbd2 #4b64be #896fcb #6c4bbe #563c98

Complementary Mix

#2d3c72 #4b64be #93a2d8 #bea54b #d5c58a #7c6b31

Nearby Colors

#4b64bd
#4b64bf
#4b64ae
#4b64ce

Embed #4B64BE swatch

Embed this swatch

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

Open image

About #4B64BE

#4B64BE converts to RGB(75, 100, 190) and HSL(227, 47%, 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).

#4B64BE FAQs

What is the RGB value of #4B64BE?
RGB: 75, 100, 190. Copy as CSS: rgb(75, 100, 190)
Is #4B64BE a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #4B64BE?
Complement: #bea54b.
Does #4B64BE have good contrast on white or black?
On white: 5.43:1 (AA (normal text)). On black: 3.87:1 (AA (large text)).