#7588CC

Color Details

HEX
#7588CC
RGB
rgb(117, 136, 204)
HSL
hsl(227, 46%, 63%)
CMYK
cmyk(43%, 33%, 0%, 20%)
Best text on this color #000000 (CR 6.15:1) Determined by WCAG contrast ratio

Readability Previews

Black on #7588cc
Contrast 6.15:1 AA
White on #7588cc
Contrast 3.41:1 Fail
#7588cc on Black
Contrast 6.15:1 AA
#7588cc on White
Contrast 3.41:1 Fail

Tints & Shades

#91a0d6
#acb8e0
#c8cfeb
#5e6da3
#46527a
#2f3652

Complement & Analogous

#ccb975
#8e75cc
#75b3cc

Triadic

#cc7588
#88cc75

Monochrome

#2f3652 #46527a #7588cc #acb8e0 #c8cfeb #e3e7f5

Analogous

#75b3cc #9ecadb #7588cc #a591d6 #8e75cc #725ea3

Complementary Mix

#46527a #7588cc #acb8e0 #ccb975 #ded2a5 #85784c

Nearby Colors

#7588cb
#7588cd
#7588bc
#7588dc

Embed #7588CC swatch

Embed this swatch

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

Open image

About #7588CC

#7588CC converts to RGB(117, 136, 204) and HSL(227, 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).

#7588CC FAQs

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