#CFD4AB

Color Details

HEX
#CFD4AB
RGB
rgb(207, 212, 171)
HSL
hsl(67, 32%, 75%)
CMYK
cmyk(2%, 0%, 19%, 17%)
Best text on this color #000000 (CR 13.66:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cfd4ab
Contrast 13.66:1 AAA
White on #cfd4ab
Contrast 1.54:1 Fail
#cfd4ab on Black
Contrast 13.66:1 AAA
#cfd4ab on White
Contrast 1.54:1 Fail

Tints & Shades

#d9ddbc
#e2e5cd
#eceedd
#a6aa89
#7c7f67
#535544

Complement & Analogous

#b0abd4
#bad4ab
#d4c4ab

Triadic

#abcfd4
#d4abcf

Monochrome

#535544 #7c7f67 #cfd4ab #e2e5cd #eceedd #f5f6ee

Analogous

#d4c4ab #e1d6c4 #cfd4ab #c8ddbc #bad4ab #95aa89

Complementary Mix

#7c7f67 #cfd4ab #e2e5cd #b0abd4 #ccc8e3 #726f8a

Nearby Colors

#cfd4aa
#cfd4ac
#cfd49b
#cfd4bb

Embed #CFD4AB swatch

Embed this swatch

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

Open image

About #CFD4AB

#CFD4AB converts to RGB(207, 212, 171) and HSL(67, 32%, 75%). 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).

#CFD4AB FAQs

What is the RGB value of #CFD4AB?
RGB: 207, 212, 171. Copy as CSS: rgb(207, 212, 171)
Is #CFD4AB a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CFD4AB?
Complement: #b0abd4.
Does #CFD4AB have good contrast on white or black?
On white: 1.54:1 (Fails AA). On black: 13.66:1 (AAA (normal text)).