#4A5DDC

Color Details

HEX
#4A5DDC
RGB
rgb(74, 93, 220)
HSL
hsl(232, 68%, 58%)
CMYK
cmyk(66%, 58%, 0%, 14%)
Best text on this color #FFFFFF (CR 5.40:1) Determined by WCAG contrast ratio

Readability Previews

Black on #4a5ddc
Contrast 3.89:1 Fail
White on #4a5ddc
Contrast 5.40:1 AA
#4a5ddc on Black
Contrast 3.89:1 Fail
#4a5ddc on White
Contrast 5.40:1 AA

Tints & Shades

#6e7de3
#929eea
#b7bef1
#3b4ab0
#2c3884
#1e2558

Complement & Analogous

#ddc94b
#804bdd
#4ba7dd

Triadic

#dd4b5e
#5edd4b

Monochrome

#1e2558 #2c3884 #4a5ddc #929eea #b7bef1 #dbdff8

Analogous

#4ba7dd #81c1e7 #4a5ddc #996fe4 #804bdd #663cb1

Complementary Mix

#2c3884 #4a5ddc #929eea #ddc94b #e9dc8a #908331

Nearby Colors

#4a5ddb
#4a5ddd
#4a5dcc
#4a5dec

Embed #4A5DDC swatch

Embed this swatch

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

Open image

About #4A5DDC

#4A5DDC converts to RGB(74, 93, 220) and HSL(232, 68%, 58%). 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).

#4A5DDC FAQs

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