#6987CC

Color Details

HEX
#6987CC
RGB
rgb(105, 135, 204)
HSL
hsl(222, 49%, 61%)
CMYK
cmyk(49%, 34%, 0%, 20%)
Best text on this color #000000 (CR 5.94:1) Determined by WCAG contrast ratio

Readability Previews

Black on #6987cc
Contrast 5.94:1 AA
White on #6987cc
Contrast 3.54:1 Fail
#6987cc on Black
Contrast 5.94:1 AA
#6987cc on White
Contrast 3.54:1 Fail

Tints & Shades

#879fd6
#a5b7e0
#c3cfeb
#546ca3
#3f517a
#2a3652

Complement & Analogous

#ccaf6b
#7e6bcc
#6bb9cc

Triadic

#cc6b88
#88cc6b

Monochrome

#2a3652 #3f517a #6987cc #a5b7e0 #c3cfeb #e1e7f5

Analogous

#6bb9cc #97cedb #6987cc #9889d6 #7e6bcc #6556a3

Complementary Mix

#3f517a #6987cc #a5b7e0 #ccaf6b #decb9f #857246

Nearby Colors

#6987cb
#6987cd
#6987bc
#6987dc

Embed #6987CC swatch

Embed this swatch

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

Open image

About #6987CC

#6987CC converts to RGB(105, 135, 204) and HSL(222, 49%, 61%). 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).

#6987CC FAQs

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