#4A45CC

Color Details

HEX
#4A45CC
RGB
rgb(74, 69, 204)
HSL
hsl(242, 57%, 54%)
CMYK
cmyk(64%, 66%, 0%, 20%)
Best text on this color #FFFFFF (CR 6.97:1) Determined by WCAG contrast ratio

Readability Previews

Black on #4a45cc
Contrast 3.01:1 Fail
White on #4a45cc
Contrast 6.97:1 AA
#4a45cc on Black
Contrast 3.01:1 Fail
#4a45cc on White
Contrast 6.97:1 AA

Tints & Shades

#6e6ad6
#928fe0
#b7b5eb
#3b37a3
#2c297a
#1e1c52

Complement & Analogous

#c8cd47
#8e47cd
#4785cd

Triadic

#cd4b47
#47cd4b

Monochrome

#1e1c52 #2c297a #4a45cc #928fe0 #b7b5eb #dbdaf5

Analogous

#4785cd #7eaadc #4a45cc #a56cd7 #8e47cd #7239a4

Complementary Mix

#2c297a #4a45cc #928fe0 #c8cd47 #dbdf87 #82852e

Nearby Colors

#4a45cb
#4a45cd
#4a45bc
#4a45dc

Embed #4A45CC swatch

Embed this swatch

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

Open image

About #4A45CC

#4A45CC converts to RGB(74, 69, 204) and HSL(242, 57%, 54%). 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).

#4A45CC FAQs

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