#DFFFCD

Accessibility

AAA

19.32:1

Vs white / black

1.09:1 · 19.32:1

Sources

Library color

Codes

Formats

HEX

#dfffcd

RGB

rgb(223, 255, 205)

RGBA

rgba(223, 255, 205, 1)

HSL

hsl(98, 100%, 90%)

HSLA

hsla(98, 100%, 90%, 1)

HSV

hsv(98, 20%, 100%)

LAB

lab(96.66% -19.08 20.52)

LCH

lch(96.66% 28.02 132.92)

OKLAB

oklab(0.9644 -0.0514 0.0526)

OKLCH

oklch(0.9644 0.0735 134.34)

XYZ

xyz(77.21, 91.61, 71.36)

CMYK

cmyk(13%, 0%, 20%, 0%)

CSS

color: #dfffcd;

CSS variable

--color-dfffcd: #dfffcd;

SCSS

$color-dfffcd: #dfffcd;

JavaScript

const color = "#dfffcd";

TypeScript

const color: string = "#dfffcd";

React

style={{ backgroundColor: "#dfffcd" }}

JSON

{ "hex": "#dfffcd", "rgb": { "r": 223, "g": 255, "b": 205 }, "oklch": "oklch(0.9644 0.0735 134.34)" }

Export

Developer code

css

:root {
  --#dfffcd-1: #dfffcd;
}

Design systems

Nearest official tokens

An arbitrary HEX is not an official Tailwind, Material, or Bootstrap color. Distance is CIEDE2000.

Nearest Tailwind color

lime-100

Noticeably different · ΔE 3.88 · #ECFCCB

Nearest CSS named color

LightGoldenRodYellow

Very different · ΔE 8.95 · #FAFAD2

Nearest Material color

light-green-100

Very different · ΔE 5.42 · #DCEDC8

Nearest Bootstrap color

light

Very different · ΔE 19.72 · #F8F9FA

OKLCH

Perceptual 50–950 scale

Generated in OKLCH from this hex. Not an official Tailwind scale unless the hex itself is a Tailwind token.

50e9fcde 100dbf0cf 200c5ddb7 300acc89d 4008eac7d 500749063 600607952 7004c6140 800394a2f 90026341e 950131e0c

Palette

Tints & shades

Full scale from light tints through the base color into deep shades

fcfffb fafff7 f7fff3 f4ffee f2ffea efffe6 ecffe2 eaffde e7ffda e4ffd5 e2ffd1 dfffcd cceabc bad5ab a7bf9a 95aa89 829578 708067 5d6a55 4a5544 384033 252a22 131511

Palette

Tints

Mixed toward white — soft backgrounds and highlights

fcfffb fafff7 f7fff3 f4ffee f2ffea efffe6 ecffe2 eaffde e7ffda e4ffd5 e2ffd1

Palette

Shades

Mixed toward black — depth, text, and emphasis

cceabc bad5ab a7bf9a 95aa89 829578 708067 5d6a55 4a5544 384033 252a22 131511

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

d7f4c7 cfeac0 c7dfba bfd5b3 b7caad b0c0a7 a8b5a0 a0aa9a 98a093 90958d 888b86

Harmony

Complementary

Opposite on the color wheel for contrast

#DFFFCDStop 1 #ECCCFFStop 2

Harmony

Analogous

Neighbors that sit comfortably together

#F8FFCCStop 1 #DFFFCDStop 2 #CCFFD3Stop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#DFFFCDStop 1 #CCDFFFStop 2 #FFCCDFStop 3

Harmony

Split complementary

Base plus two accents beside the complement

#DFFFCDStop 1 #D3CCFFStop 2 #FFCCF8Stop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#256600Stop 1 #41B300Stop 2 #5EFF00Stop 3 #8EFF4DStop 4 #BEFF99Stop 5

Using this color

Where #dfffcd works

#DFFFCD (#dfffcd) sits in the light green family at about 98° hue, 100% saturation, and 90% lightness. Contrast is 1.09:1 on white and 19.32:1 on black, so near-black labels read more clearly on the swatch itself. Nearest Tailwind token: lime-100 (approximation unless the hex is an official scale stop).

Sensible jobs for this swatch

page or card backgrounds
text or icons on charcoal / dark mode

Do not use #dfffcd as small body text on white — 1.09:1 misses WCAG AA (4.5:1). Pair it with a darker shade from the scale below, or check pairs in the contrast checker.

Family context: Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands. Common uses still include buttons, charts, and accents in the Light Green range — always verify the pair for this exact hex in the contrast checker.

Similar & related colors

Nearby colors from the library by perceptual distance

Web Safe #CCFFCC#CCFFCC Tailwind lime 100#ECFCCB Material Light Green 100#DCEDC8 Material Light Green 200#C5E1A5 Tailwind green 200#BBF7D0 Material Lime 100#F0F4C3 Material Green 100#C8E6C9 Tailwind green 100#DCFCE7 Web Safe #FFFFCC#FFFFCC Tailwind lime 200#D9F99D Tailwind emerald 100#D1FAE5 LightGoldenRodYellow#FAFAD2