#757BCC

Color Details

HEX
#757BCC
RGB
rgb(117, 123, 204)
HSL
hsl(236, 46%, 63%)
CMYK
cmyk(43%, 40%, 0%, 20%)
Best text on this color #000000 (CR 5.46:1) Determined by WCAG contrast ratio

Readability Previews

Black on #757bcc
Contrast 5.46:1 AA
White on #757bcc
Contrast 3.85:1 Fail
#757bcc on Black
Contrast 5.46:1 AA
#757bcc on White
Contrast 3.85:1 Fail

Tints & Shades

#9195d6
#acb0e0
#c8caeb
#5e62a3
#464a7a
#2f3152

Complement & Analogous

#ccc675
#9b75cc
#75a6cc

Triadic

#cc757b
#7bcc75

Monochrome

#2f3152 #464a7a #757bcc #acb0e0 #c8caeb #e3e5f5

Analogous

#75a6cc #9ec1db #757bcc #af91d6 #9b75cc #7c5ea3

Complementary Mix

#464a7a #757bcc #acb0e0 #ccc675 #dedaa5 #85814c

Nearby Colors

#757bcb
#757bcd
#757bbc
#757bdc

Embed #757BCC swatch

Embed this swatch

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

Open image

About #757BCC

#757BCC converts to RGB(117, 123, 204) and HSL(236, 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).

#757BCC FAQs

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