ColorXprez

#DDFFB3

Butter · very light cool green

About #DDFFB3

#DDFFB3 is a very light, moderately saturated green colour. Digitally that works out to 87% red, 100% green and 70% blue. In CMYK print terms it is 13% cyan, 0% magenta, 30% yellow and 0% black. Most people will perceive it as cool.

Visually it is somewhere between Butter and Pale Yellow (ΔE 18.5), with Pale Yellow the next nearest named colour. Across the colour wheel sits #D5B3FF (mauve), its complementary partner.

Because it is very light, it is most useful for backgrounds, page sections and subtle cards. Put black text on top of it — 19.03:1, a WCAG AAA pass.

Colour codes

HEX
RGB
HSL
HSV / HSB
CMYK
CIELAB
Decimal
CSS
Red221
Green255
Blue179

Closest named colours

Butter
#FFF1A8 · ΔE 18.5
Pale Yellow
#FDFD96 · ΔE 18.9
Cream
#FFFDD0 · ΔE 20.5

ΔE measures visible difference: under 2 is barely noticeable, over 10 is clearly different.

Text on #DDFFB3

WCAG contrast for white and black text on this colour.

White heading text
Body copy set on butter #DDFFB3.
1.10:1Fail
Black heading text
Body copy set on butter #DDFFB3.
19.03:1AAA

Colour-blindness preview

How #DDFFB3 appears to people with the three most common types of colour-vision deficiency.

Normal vision
#DDFFB3
Protanopia (no red cones)
#FFF5AE
Deuteranopia (no green cones)
#FFF3B7
Tritanopia (no blue cones)
#E1F8EB

Shades, tints & matching colours

Tints and shades

Complementary

Analogous

Triadic

Split complementary

Tetradic

Similar colours

Frequently asked questions

›What colour is #DDFFB3?

#DDFFB3 is a very light, moderately saturated green colour. Digitally that works out to 87% red, 100% green and 70% blue. In CMYK print terms it is 13% cyan, 0% magenta, 30% yellow and 0% black. Most people will perceive it as cool.

›What text colour should I use on #DDFFB3?

Use black text. Black on #DDFFB3 has a contrast ratio of 19.03:1 (AAA).

›What colours go with #DDFFB3?

Its complementary colour is #D5B3FF, and analogous partners are #FFFBB3 and #B7FFB3.