#CAE9B7

Color Details

HEX
#CAE9B7
RGB
rgb(202, 233, 183)
HSL
hsl(97, 53%, 82%)
CMYK
cmyk(13%, 0%, 21%, 9%)
Best text on this color #000000 (CR 15.85:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cae9b7
Contrast 15.85:1 AAA
White on #cae9b7
Contrast 1.32:1 Fail
#cae9b7 on Black
Contrast 15.85:1 AAA
#cae9b7 on White
Contrast 1.32:1 Fail

Tints & Shades

#d5edc5
#dff2d4
#eaf6e2
#a2ba92
#798c6e
#515d49

Complement & Analogous

#d7b9e9
#b9e9be
#e4e9b9

Triadic

#b9cbe9
#e9b9cb

Monochrome

#515d49 #798c6e #cae9b7 #dff2d4 #eaf6e2 #f4fbf1

Analogous

#e4e9b9 #ecf0ce #cae9b7 #c7edcb #b9e9be #94ba98

Complementary Mix

#798c6e #cae9b7 #dff2d4 #d7b9e9 #e5d2f1 #8c7897

Nearby Colors

#cae9b6
#cae9b8
#cae9a7
#cae9c7

Embed #CAE9B7 swatch

Embed this swatch

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

Open image

About #CAE9B7

#CAE9B7 converts to RGB(202, 233, 183) and HSL(97, 53%, 82%). 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).

#CAE9B7 FAQs

What is the RGB value of #CAE9B7?
RGB: 202, 233, 183. Copy as CSS: rgb(202, 233, 183)
Is #CAE9B7 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CAE9B7?
Complement: #d7b9e9.
Does #CAE9B7 have good contrast on white or black?
On white: 1.32:1 (Fails AA). On black: 15.85:1 (AAA (normal text)).