#DDF48E

Color Details

HEX
#DDF48E
RGB
rgb(221, 244, 142)
HSL
hsl(74, 82%, 76%)
CMYK
cmyk(9%, 0%, 42%, 4%)
Best text on this color #000000 (CR 17.41:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ddf48e
Contrast 17.41:1 AAA
White on #ddf48e
Contrast 1.21:1 Fail
#ddf48e on Black
Contrast 17.41:1 AAA
#ddf48e on White
Contrast 1.21:1 Fail

Tints & Shades

#e4f6a5
#ebf8bb
#f1fbd2
#b1c372
#859255
#586239

Complement & Analogous

#a790f4
#aaf490
#f4d990

Triadic

#90ddf4
#f490dd

Monochrome

#586239 #859255 #ddf48e #ebf8bb #f1fbd2 #f8fde8

Analogous

#f4d990 #f7e4b1 #ddf48e #bbf6a6 #aaf490 #88c373

Complementary Mix

#859255 #ddf48e #ebf8bb #a790f4 #c6b7f8 #6d5e9f

Nearby Colors

#ddf48d
#ddf48f
#ddf47e
#ddf49e

Embed #DDF48E swatch

Embed this swatch

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

Open image

About #DDF48E

#DDF48E converts to RGB(221, 244, 142) and HSL(74, 82%, 76%). 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).

#DDF48E FAQs

What is the RGB value of #DDF48E?
RGB: 221, 244, 142. Copy as CSS: rgb(221, 244, 142)
Is #DDF48E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #DDF48E?
Complement: #a790f4.
Does #DDF48E have good contrast on white or black?
On white: 1.21:1 (Fails AA). On black: 17.41:1 (AAA (normal text)).