#4A5CCC

Color Details

HEX
#4A5CCC
RGB
rgb(74, 92, 204)
HSL
hsl(232, 56%, 55%)
CMYK
cmyk(64%, 55%, 0%, 20%)
Best text on this color #FFFFFF (CR 5.68:1) Determined by WCAG contrast ratio

Readability Previews

Black on #4a5ccc
Contrast 3.69:1 Fail
White on #4a5ccc
Contrast 5.68:1 AA
#4a5ccc on Black
Contrast 3.69:1 Fail
#4a5ccc on White
Contrast 5.68:1 AA

Tints & Shades

#6e7dd6
#929de0
#b7beeb
#3b4aa3
#2c377a
#1e2552

Complement & Analogous

#cdbb4c
#7b4ccd
#4c9dcd

Triadic

#cd4c5d
#5dcd4c

Monochrome

#1e2552 #2c377a #4a5ccc #929de0 #b7beeb #dbdef5

Analogous

#4c9dcd #82badc #4a5ccc #9570d7 #7b4ccd #623da4

Complementary Mix

#2c377a #4a5ccc #929de0 #cdbb4c #dfd38b #857a31

Nearby Colors

#4a5ccb
#4a5ccd
#4a5cbc
#4a5cdc

Embed #4A5CCC swatch

Embed this swatch

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

Open image

About #4A5CCC

#4A5CCC converts to RGB(74, 92, 204) and HSL(232, 56%, 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).

#4A5CCC FAQs

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