#CBE5D4

Color Details

HEX
#CBE5D4
RGB
rgb(203, 229, 212)
HSL
hsl(141, 33%, 85%)
CMYK
cmyk(11%, 0%, 7%, 10%)
Best text on this color #000000 (CR 15.70:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cbe5d4
Contrast 15.70:1 AAA
White on #cbe5d4
Contrast 1.34:1 Fail
#cbe5d4 on Black
Contrast 15.70:1 AAA
#cbe5d4 on White
Contrast 1.34:1 Fail

Tints & Shades

#d5eadd
#e0efe5
#eaf5ee
#a2b7aa
#7a897f
#515c55

Complement & Analogous

#e5ccdd
#cce5e2
#d0e5cc

Triadic

#d5cce5
#e5d5cc

Monochrome

#515c55 #7a897f #cbe5d4 #e0efe5 #eaf5ee #f5faf6

Analogous

#d0e5cc #deeddb #cbe5d4 #d6eae8 #cce5e2 #a3b7b5

Complementary Mix

#7a897f #cbe5d4 #e0efe5 #e5ccdd #eedee9 #958590

Nearby Colors

#cbe5d3
#cbe5d5
#cbe5c4
#cbe5e4

Embed #CBE5D4 swatch

Embed this swatch

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

Open image

About #CBE5D4

#CBE5D4 converts to RGB(203, 229, 212) and HSL(141, 33%, 85%). 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).

#CBE5D4 FAQs

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