#8097CC

Color Details

HEX
#8097CC
RGB
rgb(128, 151, 204)
HSL
hsl(222, 43%, 65%)
CMYK
cmyk(37%, 26%, 0%, 20%)
Best text on this color #000000 (CR 7.22:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8097cc
Contrast 7.22:1 AAA
White on #8097cc
Contrast 2.91:1 Fail
#8097cc on Black
Contrast 7.22:1 AAA
#8097cc on White
Contrast 2.91:1 Fail

Tints & Shades

#99acd6
#b3c1e0
#ccd5eb
#6679a3
#4d5b7a
#333c52

Complement & Analogous

#ccb57f
#8f7fcc
#7fbdcc

Triadic

#cc7f96
#96cc7f

Monochrome

#333c52 #4d5b7a #8097cc #b3c1e0 #ccd5eb #e6eaf5

Analogous

#7fbdcc #a5d1db #8097cc #a599d6 #8f7fcc #7266a3

Complementary Mix

#4d5b7a #8097cc #b3c1e0 #ccb57f #decfac #857653

Nearby Colors

#8097cb
#8097cd
#8097bc
#8097dc

Embed #8097CC swatch

Embed this swatch

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

Open image

About #8097CC

#8097CC converts to RGB(128, 151, 204) and HSL(222, 43%, 65%). 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).

#8097CC FAQs

What is the RGB value of #8097CC?
RGB: 128, 151, 204. Copy as CSS: rgb(128, 151, 204)
Is #8097CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #8097CC?
Complement: #ccb57f.
Does #8097CC have good contrast on white or black?
On white: 2.91:1 (Fails AA). On black: 7.22:1 (AAA (normal text)).