#C5CCBE

Color Details

HEX
#C5CCBE
RGB
rgb(197, 204, 190)
HSL
hsl(90, 12%, 77%)
CMYK
cmyk(3%, 0%, 7%, 20%)
Best text on this color #000000 (CR 12.75:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c5ccbe
Contrast 12.75:1 AAA
White on #c5ccbe
Contrast 1.65:1 Fail
#c5ccbe on Black
Contrast 12.75:1 AAA
#c5ccbe on White
Contrast 1.65:1 Fail

Tints & Shades

#d1d6cb
#dce0d8
#e8ebe5
#9ea398
#767a72
#4f524c

Complement & Analogous

#c4bdcb
#b7d1b7
#d1d1b7

Triadic

#bdc4cb
#cbbdc4

Monochrome

#4f524c #767a72 #c5ccbe #dce0d8 #e8ebe5 #f3f5f2

Analogous

#d1d1b7 #dfdfcd #c5ccbe #c5dac5 #b7d1b7 #92a792

Complementary Mix

#767a72 #c5ccbe #dce0d8 #c4bdcb #d9d4dd #7f7b84

Nearby Colors

#c5ccbd
#c5ccbf
#c5ccae
#c5ccce

Embed #C5CCBE swatch

Embed this swatch

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

Open image

About #C5CCBE

#C5CCBE converts to RGB(197, 204, 190) and HSL(90, 12%, 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).

#C5CCBE FAQs

What is the RGB value of #C5CCBE?
RGB: 197, 204, 190. Copy as CSS: rgb(197, 204, 190)
Is #C5CCBE a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C5CCBE?
Complement: #c4bdcb.
Does #C5CCBE have good contrast on white or black?
On white: 1.65:1 (Fails AA). On black: 12.75:1 (AAA (normal text)).