#8BB7FC

Color Details

HEX
#8BB7FC
RGB
rgb(139, 183, 252)
HSL
hsl(217, 95%, 77%)
CMYK
cmyk(45%, 27%, 0%, 1%)
Best text on this color #000000 (CR 10.28:1) Determined by WCAG contrast ratio

Readability Previews

Black on #8bb7fc
Contrast 10.28:1 AAA
White on #8bb7fc
Contrast 2.04:1 Fail
#8bb7fc on Black
Contrast 10.28:1 AAA
#8bb7fc on White
Contrast 2.04:1 Fail

Tints & Shades

#a2c5fd
#b9d4fd
#d1e2fe
#6f92ca
#536e97
#384965

Complement & Analogous

#fcd18d
#9a8dfc
#8deffc

Triadic

#fc8db7
#b7fc8d

Monochrome

#384965 #536e97 #8bb7fc #b9d4fd #d1e2fe #e8f1fe

Analogous

#8deffc #aff4fd #8bb7fc #aea4fd #9a8dfc #7b71ca

Complementary Mix

#536e97 #8bb7fc #b9d4fd #fcd18d #fde1b5 #a4885c

Nearby Colors

#8bb7fb
#8bb7fd
#8bb7ec
#8bb80c

Embed #8BB7FC swatch

Embed this swatch

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

Open image

About #8BB7FC

#8BB7FC converts to RGB(139, 183, 252) and HSL(217, 95%, 77%). 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).

#8BB7FC FAQs

What is the RGB value of #8BB7FC?
RGB: 139, 183, 252. Copy as CSS: rgb(139, 183, 252)
Is #8BB7FC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #8BB7FC?
Complement: #fcd18d.
Does #8BB7FC have good contrast on white or black?
On white: 2.04:1 (Fails AA). On black: 10.28:1 (AAA (normal text)).