#DEF2CB

Color Details

HEX
#DEF2CB
RGB
rgb(222, 242, 203)
HSL
hsl(91, 60%, 87%)
CMYK
cmyk(8%, 0%, 16%, 5%)
Best text on this color #000000 (CR 17.67:1) Determined by WCAG contrast ratio

Readability Previews

Black on #def2cb
Contrast 17.67:1 AAA
White on #def2cb
Contrast 1.19:1 Fail
#def2cb on Black
Contrast 17.67:1 AAA
#def2cb on White
Contrast 1.19:1 Fail

Tints & Shades

#e5f5d5
#ebf7e0
#f2faea
#b2c2a2
#85917a
#596151

Complement & Analogous

#dfcaf2
#caf2cb
#f1f2ca

Triadic

#caddf2
#f2cadd

Monochrome

#596151 #85917a #def2cb #ebf7e0 #f2faea #f8fcf5

Analogous

#f1f2ca #f5f6da #def2cb #d5f5d5 #caf2cb #a2c2a2

Complementary Mix

#85917a #def2cb #ebf7e0 #dfcaf2 #eaddf7 #91839d

Nearby Colors

#def2ca
#def2cc
#def2bb
#def2db

Embed #DEF2CB swatch

Embed this swatch

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

Open image

About #DEF2CB

#DEF2CB converts to RGB(222, 242, 203) and HSL(91, 60%, 87%). 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).

#DEF2CB FAQs

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