#7584CC

Color Details

HEX
#7584CC
RGB
rgb(117, 132, 204)
HSL
hsl(230, 46%, 63%)
CMYK
cmyk(43%, 35%, 0%, 20%)
Best text on this color #000000 (CR 5.93:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7584cc
Contrast 5.93:1 AA
White on #7584cc
Contrast 3.54:1 Fail
#7584cc on Black
Contrast 5.93:1 AA
#7584cc on White
Contrast 3.54:1 Fail

Tints & Shades

#919dd6
#acb5e0
#c8ceeb
#5e6aa3
#464f7a
#2f3552

Complement & Analogous

#ccbe75
#9275cc
#75afcc

Triadic

#cc7584
#84cc75

Monochrome

#2f3552 #464f7a #7584cc #acb5e0 #c8ceeb #e3e6f5

Analogous

#75afcc #9ec7db #7584cc #a891d6 #9275cc #755ea3

Complementary Mix

#464f7a #7584cc #acb5e0 #ccbe75 #ded5a5 #857c4c

Nearby Colors

#7584cb
#7584cd
#7584bc
#7584dc

Embed #7584CC swatch

Embed this swatch

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

Open image

About #7584CC

#7584CC converts to RGB(117, 132, 204) and HSL(230, 46%, 63%). 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).

#7584CC FAQs

What is the RGB value of #7584CC?
RGB: 117, 132, 204. Copy as CSS: rgb(117, 132, 204)
Is #7584CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #7584CC?
Complement: #ccbe75.
Does #7584CC have good contrast on white or black?
On white: 3.54:1 (AA (large text)). On black: 5.93:1 (AA (normal text)).