#CAE2BE

Color Details

HEX
#CAE2BE
RGB
rgb(202, 226, 190)
HSL
hsl(100, 38%, 82%)
CMYK
cmyk(11%, 0%, 16%, 11%)
Best text on this color #000000 (CR 15.13:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cae2be
Contrast 15.13:1 AAA
White on #cae2be
Contrast 1.39:1 Fail
#cae2be on Black
Contrast 15.13:1 AAA
#cae2be on White
Contrast 1.39:1 Fail

Tints & Shades

#d5e8cb
#dfeed8
#eaf3e5
#a2b598
#798872
#515a4c

Complement & Analogous

#d7c0e3
#c0e3c5
#dde3c0

Triadic

#c0cbe3
#e3c0cb

Monochrome

#515a4c #798872 #cae2be #dfeed8 #eaf3e5 #f4f9f2

Analogous

#dde3c0 #e7ebd3 #cae2be #cde9d1 #c0e3c5 #9ab69e

Complementary Mix

#798872 #cae2be #dfeed8 #d7c0e3 #e5d6ed #8c7d94

Nearby Colors

#cae2bd
#cae2bf
#cae2ae
#cae2ce

Embed #CAE2BE swatch

Embed this swatch

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

Open image

About #CAE2BE

#CAE2BE converts to RGB(202, 226, 190) and HSL(100, 38%, 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).

#CAE2BE FAQs

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