#B8CBBF

Color Details

HEX
#B8CBBF
RGB
rgb(184, 203, 191)
HSL
hsl(142, 15%, 76%)
CMYK
cmyk(9%, 0%, 6%, 20%)
Best text on this color #000000 (CR 12.33:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b8cbbf
Contrast 12.33:1 AAA
White on #b8cbbf
Contrast 1.70:1 Fail
#b8cbbf on Black
Contrast 12.33:1 AAA
#b8cbbf on White
Contrast 1.70:1 Fail

Tints & Shades

#c6d5cc
#d4e0d9
#e3eae5
#93a299
#6e7a73
#4a514c

Complement & Analogous

#cbb9c4
#b4cfcc
#b8cfb4

Triadic

#bfb9cb
#cbbfb9

Monochrome

#4a514c #6e7a73 #b8cbbf #d4e0d9 #e3eae5 #f1f5f2

Analogous

#b8cfb4 #cdddcb #b8cbbf #c3d9d6 #b4cfcc #90a6a3

Complementary Mix

#6e7a73 #b8cbbf #d4e0d9 #cbb9c4 #ddd2d9 #84787f

Nearby Colors

#b8cbbe
#b8cbc0
#b8cbaf
#b8cbcf

Embed #B8CBBF swatch

Embed this swatch

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

Open image

About #B8CBBF

#B8CBBF converts to RGB(184, 203, 191) and HSL(142, 15%, 76%). 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).

#B8CBBF FAQs

What is the RGB value of #B8CBBF?
RGB: 184, 203, 191. Copy as CSS: rgb(184, 203, 191)
Is #B8CBBF a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B8CBBF?
Complement: #cbb9c4.
Does #B8CBBF have good contrast on white or black?
On white: 1.70:1 (Fails AA). On black: 12.33:1 (AAA (normal text)).