#ddf2de hex color

In a RGB color space, hex #ddf2de is composed of 86.7% red, 94.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 8.7% cyan, 0% magenta, 8.3% yellow and 5.1% black. It has a hue angle of 122.9 degrees, a saturation of 44.7% and a lightness of 90.8%. #ddf2de color hex could be obtained by blending #ffffff with #bbe5bd. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 87
- G 95
- B 87
RGB color chart
- C 9
- M 0
- Y 8
- K 5
CMYK color chart

● #ddf2de color description : Light grayish lime green.

The hexadecimal color #ddf2de has RGB values of R:221, G:242, B:222 and CMYK values of C:0.09, M:0, Y:0.08, K:0.05. Its decimal value is 14545630.

Hex triplet	ddf2de	`#ddf2de`
RGB Decimal	221, 242, 222	`rgb(221,242,222)`
RGB Percent	86.7, 94.9, 87.1	`rgb(86.7%,94.9%,87.1%)`
CMYK	9, 0, 8, 5
HSL	122.9°, 44.7, 90.8	`hsl(122.9,44.7%,90.8%)`
HSV (or HSB)	122.9°, 8.7, 94.9
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	93.515, -10.519, 7.297
XYZ	74.753, 84.15, 81.407
xyY	0.311, 0.35, 84.15
CIE-LCH	93.515, 12.802, 145.252
CIE-LUV	93.515, -10.622, 12.92
Hunter-Lab	91.733, -15.074, 11.597
Binary	11011101, 11110010, 11011110

#ddf2de
```
#ddf2de rgb(221,242,222)
```
#f2ddf1
```
#f2ddf1 rgb(242,221,241)
```

Complementary Color

#e7f2dd
```
#e7f2dd rgb(231,242,221)
```
#ddf2de
```
#ddf2de rgb(221,242,222)
```
#ddf2e9
```
#ddf2e9 rgb(221,242,233)
```

Analogous Color

#f2dde7
```
#f2dde7 rgb(242,221,231)
```
#ddf2de
```
#ddf2de rgb(221,242,222)
```
#e9ddf2
```
#e9ddf2 rgb(233,221,242)
```

Split Complementary Color

#f2dedd
```
#f2dedd rgb(242,222,221)
```
#ddf2de
```
#ddf2de rgb(221,242,222)
```
#deddf2
```
#deddf2 rgb(222,221,242)
```

Triadic Color

#f1f2dd
```
#f1f2dd rgb(241,242,221)
```
#ddf2de
```
#ddf2de rgb(221,242,222)
```
#deddf2
```
#deddf2 rgb(222,221,242)
```
#f2ddf1
```
#f2ddf1 rgb(242,221,241)
```

Tetradic Color

#a6dda8
```
#a6dda8 rgb(166,221,168)
```
#b8e4ba
```
#b8e4ba rgb(184,228,186)
```
#cbebcc
```
#cbebcc rgb(203,235,204)
```
#ddf2de
```
#ddf2de rgb(221,242,222)
```
#eff9f0
```
#eff9f0 rgb(239,249,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

Below, you can see some colors close to #ddf2de. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#e1f2dd
```
#e1f2dd rgb(225,242,221)
```
#e0f2dd
```
#e0f2dd rgb(224,242,221)
```
#def2dd
```
#def2dd rgb(222,242,221)
```
#ddf2de
```
#ddf2de rgb(221,242,222)
```
#ddf2e0
```
#ddf2e0 rgb(221,242,224)
```
#ddf2e2
```
#ddf2e2 rgb(221,242,226)
```
#ddf2e3
```
#ddf2e3 rgb(221,242,227)
```

Similar Colors

Text with hexadecimal color #ddf2de

This text has a font color of #ddf2de.

<span style="color:#ddf2de;">Text here</span>

#ddf2de background color

This paragraph has a background color of #ddf2de.

<p style="background-color:#ddf2de;">Content here</p>

#ddf2de border color

This element has a border color of #ddf2de.

<div style="border:1px solid #ddf2de;">Content here</div>

CSS codes

.text {color:#ddf2de;}

.background {background-color:#ddf2de;}

.border {border:1px solid #ddf2de;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #030904 is the darkest color, while #f9fdfa is the lightest one.

#030904
```
#030904 rgb(3,9,4)
```
#091709
```
#091709 rgb(9,23,9)
```
#0e250f
```
#0e250f rgb(14,37,15)
```
#143315
```
#143315 rgb(20,51,21)
```
#19411b
```
#19411b rgb(25,65,27)
```
#1e5021
```
#1e5021 rgb(30,80,33)
```
#245e27
```
#245e27 rgb(36,94,39)
```
#296c2c
```
#296c2c rgb(41,108,44)
```
#2f7a32
```
#2f7a32 rgb(47,122,50)
```
#348838
```
#348838 rgb(52,136,56)
```
#3a963e
```
#3a963e rgb(58,150,62)
```
#3fa544
```
#3fa544 rgb(63,165,68)
```
#44b34a
```
#44b34a rgb(68,179,74)
```

Shade Color Variation

#4fbc54
```
#4fbc54 rgb(79,188,84)
```
#5dc162
```
#5dc162 rgb(93,193,98)
```
#6bc770
```
#6bc770 rgb(107,199,112)
```
#7acc7e
```
#7acc7e rgb(122,204,126)
```
#88d18b
```
#88d18b rgb(136,209,139)
```
#96d799
```
#96d799 rgb(150,215,153)
```
#a4dca7
```
#a4dca7 rgb(164,220,167)
```
#b2e2b5
```
#b2e2b5 rgb(178,226,181)
```
#c1e7c2
```
#c1e7c2 rgb(193,231,194)
```
#cfedd0
```
#cfedd0 rgb(207,237,208)
```
#ddf2de
```
#ddf2de rgb(221,242,222)
```
#ebf7ec
```
#ebf7ec rgb(235,247,236)
```
#f9fdfa
```
#f9fdfa rgb(249,253,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #e6e9e6 is the less saturated color, while #d0ffd3 is the most saturated one.

#e6e9e6
```
#e6e9e6 rgb(230,233,230)
```
#e4ebe5
```
#e4ebe5 rgb(228,235,229)
```
#e2ede3
```
#e2ede3 rgb(226,237,227)
```
#e1eee1
```
#e1eee1 rgb(225,238,225)
```
#dff0e0
```
#dff0e0 rgb(223,240,224)
```
#ddf2de
```
#ddf2de rgb(221,242,222)
```
#dbf4dc
```
#dbf4dc rgb(219,244,220)
```
#d9f6db
```
#d9f6db rgb(217,246,219)
```
#d8f7d9
```
#d8f7d9 rgb(216,247,217)
```
#d6f9d7
```
#d6f9d7 rgb(214,249,215)
```
#d4fbd6
```
#d4fbd6 rgb(212,251,214)
```
#d2fdd4
```
#d2fdd4 rgb(210,253,212)
```
#d0ffd3
```
#d0ffd3 rgb(208,255,211)
```

Tone Color Variation

Below, you can see how #ddf2de is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#e9e9e9 Achromatopsia 0.005% of the population
#e7ebe7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5ecdc Protanopia 1% of men
#ffe8e6 Deuteranopia 1% of men
#e4edfe Tritanopia 0.001% of the population

Trichromacy

#eceedd Protanomaly 1% of men, 0.01% of women
#f2ebe3 Deuteranomaly 6% of men, 0.4% of women
#e1eff2 Tritanomaly 0.01% of the population

#ddf2de hex color

#ddf2de Color Information

#ddf2de Color Conversion

Color Schemes with #ddf2de

Alternatives to #ddf2de

#ddf2de Preview

Shades and Tints of #ddf2de

Tones of #ddf2de

Color Blindness Simulator