#8682CC

Color Details

HEX
#8682CC
RGB
rgb(134, 130, 204)
HSL
hsl(243, 42%, 65%)
CMYK
cmyk(34%, 36%, 0%, 20%)
Best text on this color #000000 (CR 6.08:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8682cc
Contrast 6.08:1 AA
White on #8682cc
Contrast 3.45:1 Fail
#8682cc on Black
Contrast 6.08:1 AA
#8682cc on White
Contrast 3.45:1 Fail

Tints & Shades

#9e9bd6
#b6b4e0
#cfcdeb
#6b68a3
#504e7a
#363452

Complement & Analogous

#c7cb80
#a980cb
#80a2cb

Triadic

#cb8480
#80cb84

Monochrome

#363452 #504e7a #8682cc #b6b4e0 #cfcdeb #e7e6f5

Analogous

#80a2cb #a6bedb #8682cc #ba99d5 #a980cb #8766a2

Complementary Mix

#504e7a #8682cc #b6b4e0 #c7cb80 #dbddac #818453

Nearby Colors

#8682cb
#8682cd
#8682bc
#8682dc

Embed #8682CC swatch

Embed this swatch

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

Open image

About #8682CC

#8682CC converts to RGB(134, 130, 204) and HSL(243, 42%, 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).

#8682CC FAQs

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