#CAE2BB

Color Details

HEX
#CAE2BB
RGB
rgb(202, 226, 187)
HSL
hsl(97, 40%, 81%)
CMYK
cmyk(11%, 0%, 17%, 11%)
Best text on this color #000000 (CR 15.11:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cae2bb
Contrast 15.11:1 AAA
White on #cae2bb
Contrast 1.39:1 Fail
#cae2bb on Black
Contrast 15.11:1 AAA
#cae2bb on White
Contrast 1.39:1 Fail

Tints & Shades

#d5e8c9
#dfeed6
#eaf3e4
#a2b596
#798870
#515a4b

Complement & Analogous

#d3bbe2
#bbe2c0
#dde2bb

Triadic

#bbcae2
#e2bbca

Monochrome

#515a4b #798870 #cae2bb #dfeed6 #eaf3e4 #f4f9f1

Analogous

#dde2bb #e7ebcf #cae2bb #c9e8cd #bbe2c0 #96b59a

Complementary Mix

#798870 #cae2bb #dfeed6 #d3bbe2 #e2d3ec #897a93

Nearby Colors

#cae2ba
#cae2bc
#cae2ab
#cae2cb

Embed #CAE2BB swatch

Embed this swatch

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

Open image

About #CAE2BB

#CAE2BB converts to RGB(202, 226, 187) and HSL(97, 40%, 81%). 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).

#CAE2BB FAQs

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