#CFE2C2

Color Details

HEX
#CFE2C2
RGB
rgb(207, 226, 194)
HSL
hsl(96, 36%, 82%)
CMYK
cmyk(8%, 0%, 14%, 11%)
Best text on this color #000000 (CR 15.31:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cfe2c2
Contrast 15.31:1 AAA
White on #cfe2c2
Contrast 1.37:1 Fail
#cfe2c2 on Black
Contrast 15.31:1 AAA
#cfe2c2 on White
Contrast 1.37:1 Fail

Tints & Shades

#d9e8ce
#e2eeda
#ecf3e7
#a6b59b
#7c8874
#535a4e

Complement & Analogous

#d4c1e2
#c1e2c4
#dee2c1

Triadic

#c1cee2
#e2c1ce

Monochrome

#535a4e #7c8874 #cfe2c2 #e2eeda #ecf3e7 #f5f9f3

Analogous

#dee2c1 #e8ebd4 #cfe2c2 #cde8d0 #c1e2c4 #9ab59d

Complementary Mix

#7c8874 #cfe2c2 #e2eeda #d4c1e2 #e3d7ec #8a7d93

Nearby Colors

#cfe2c1
#cfe2c3
#cfe2b2
#cfe2d2

Embed #CFE2C2 swatch

Embed this swatch

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

Open image

About #CFE2C2

#CFE2C2 converts to RGB(207, 226, 194) and HSL(96, 36%, 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).

#CFE2C2 FAQs

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