#4B45D2

Color Details

HEX
#4B45D2
RGB
rgb(75, 69, 210)
HSL
hsl(243, 61%, 55%)
CMYK
cmyk(64%, 67%, 0%, 18%)
Best text on this color #FFFFFF (CR 6.82:1) Determined by WCAG contrast ratio

Readability Previews

Black on #4b45d2
Contrast 3.08:1 Fail
White on #4b45d2
Contrast 6.82:1 AA
#4b45d2 on Black
Contrast 3.08:1 Fail
#4b45d2 on White
Contrast 6.82:1 AA

Tints & Shades

#6f6adb
#938fe4
#b7b5ed
#3c37a8
#2d297e
#1e1c54

Complement & Analogous

#cbd246
#9346d2
#4685d2

Triadic

#d24d46
#46d24d

Monochrome

#1e1c54 #2d297e #4b45d2 #938fe4 #b7b5ed #dbdaf6

Analogous

#4685d2 #7eaae0 #4b45d2 #a96bdb #9346d2 #7638a8

Complementary Mix

#2d297e #4b45d2 #938fe4 #cbd246 #dde287 #84892e

Nearby Colors

#4b45d1
#4b45d3
#4b45c2
#4b45e2

Embed #4B45D2 swatch

Embed this swatch

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

Open image

About #4B45D2

#4B45D2 converts to RGB(75, 69, 210) and HSL(243, 61%, 55%). 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).

#4B45D2 FAQs

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