#ddf1f7 hex color

In a RGB color space, hex #ddf1f7 is composed of 86.7% red, 94.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 10.5% cyan, 2.4% magenta, 0% yellow and 3.1% black. It has a hue angle of 193.8 degrees, a saturation of 61.9% and a lightness of 91.8%. #ddf1f7 color hex could be obtained by blending #ffffff with #bbe3ef. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 87
- G 95
- B 97
RGB color chart
- C 11
- M 2
- Y 0
- K 3
CMYK color chart

● #ddf1f7 color description : Light grayish cyan.

The hexadecimal color #ddf1f7 has RGB values of R:221, G:241, B:247 and CMYK values of C:0.11, M:0.02, Y:0, K:0.03. Its decimal value is 14545399.

Hex triplet	ddf1f7	`#ddf1f7`
RGB Decimal	221, 241, 247	`rgb(221,241,247)`
RGB Percent	86.7, 94.5, 96.9	`rgb(86.7%,94.5%,96.9%)`
CMYK	11, 2, 0, 3
HSL	193.8°, 61.9, 91.8	`hsl(193.8,61.9%,91.8%)`
HSV (or HSB)	193.8°, 10.5, 96.9
Web Safe	ccffff	`#ccffff`

CIE-LAB	93.882, -5.393, -5.139
XYZ	78.059, 84.997, 100.284
xyY	0.296, 0.323, 84.997
CIE-LCH	93.882, 7.449, 223.619
CIE-LUV	93.882, -11.043, -7.079
Hunter-Lab	92.194, -10.206, 0.043
Binary	11011101, 11110001, 11110111

#ddf1f7
```
#ddf1f7 rgb(221,241,247)
```
#f7e3dd
```
#f7e3dd rgb(247,227,221)
```

Complementary Color

#ddf7f0
```
#ddf7f0 rgb(221,247,240)
```
#ddf1f7
```
#ddf1f7 rgb(221,241,247)
```
#dde4f7
```
#dde4f7 rgb(221,228,247)
```

Analogous Color

#f7f0dd
```
#f7f0dd rgb(247,240,221)
```
#ddf1f7
```
#ddf1f7 rgb(221,241,247)
```
#f7dde4
```
#f7dde4 rgb(247,221,228)
```

Split Complementary Color

#f1f7dd
```
#f1f7dd rgb(241,247,221)
```
#ddf1f7
```
#ddf1f7 rgb(221,241,247)
```
#f7ddf1
```
#f7ddf1 rgb(247,221,241)
```

Triadic Color

#ddf7e3
```
#ddf7e3 rgb(221,247,227)
```
#ddf1f7
```
#ddf1f7 rgb(221,241,247)
```
#f7ddf1
```
#f7ddf1 rgb(247,221,241)
```
#f7e3dd
```
#f7e3dd rgb(247,227,221)
```

Tetradic Color

#9fd8e8
```
#9fd8e8 rgb(159,216,232)
```
#b4e0ed
```
#b4e0ed rgb(180,224,237)
```
#c8e9f2
```
#c8e9f2 rgb(200,233,242)
```
#ddf1f7
```
#ddf1f7 rgb(221,241,247)
```
#f2fafc
```
#f2fafc rgb(242,250,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ddf7f7
```
#ddf7f7 rgb(221,247,247)
```
#ddf5f7
```
#ddf5f7 rgb(221,245,247)
```
#ddf3f7
```
#ddf3f7 rgb(221,243,247)
```
#ddf1f7
```
#ddf1f7 rgb(221,241,247)
```
#ddeff7
```
#ddeff7 rgb(221,239,247)
```
#ddedf7
```
#ddedf7 rgb(221,237,247)
```
#ddebf7
```
#ddebf7 rgb(221,235,247)
```

Similar Colors

Text with hexadecimal color #ddf1f7

This text has a font color of #ddf1f7.

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

#ddf1f7 background color

This paragraph has a background color of #ddf1f7.

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

#ddf1f7 border color

This element has a border color of #ddf1f7.

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

CSS codes

.text {color:#ddf1f7;}

.background {background-color:#ddf1f7;}

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

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, #030b0e is the darkest color, while #fdfefe is the lightest one.

#030b0e
```
#030b0e rgb(3,11,14)
```
#07181e
```
#07181e rgb(7,24,30)
```
#0b252d
```
#0b252d rgb(11,37,45)
```
#0e323d
```
#0e323d rgb(14,50,61)
```
#12404d
```
#12404d rgb(18,64,77)
```
#164d5d
```
#164d5d rgb(22,77,93)
```
#1a5a6d
```
#1a5a6d rgb(26,90,109)
```
#1d677d
```
#1d677d rgb(29,103,125)
```
#21748d
```
#21748d rgb(33,116,141)
```
#25819d
```
#25819d rgb(37,129,157)
```
#298eac
```
#298eac rgb(41,142,172)
```
#2c9bbc
```
#2c9bbc rgb(44,155,188)
```
#30a8cc
```
#30a8cc rgb(48,168,204)
```

Shade Color Variation

#3eb0d2
```
#3eb0d2 rgb(62,176,210)
```
#4eb6d5
```
#4eb6d5 rgb(78,182,213)
```
#5ebdd9
```
#5ebdd9 rgb(94,189,217)
```
#6ec3dd
```
#6ec3dd rgb(110,195,221)
```
#7ecae1
```
#7ecae1 rgb(126,202,225)
```
#8ed0e4
```
#8ed0e4 rgb(142,208,228)
```
#9dd7e8
```
#9dd7e8 rgb(157,215,232)
```
#adddec
```
#adddec rgb(173,221,236)
```
#bde4f0
```
#bde4f0 rgb(189,228,240)
```
#cdeaf3
```
#cdeaf3 rgb(205,234,243)
```
#ddf1f7
```
#ddf1f7 rgb(221,241,247)
```
#edf8fb
```
#edf8fb rgb(237,248,251)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#eaeaea
```
#eaeaea rgb(234,234,234)
```
#e8ebec
```
#e8ebec rgb(232,235,236)
```
#e7eced
```
#e7eced rgb(231,236,237)
```
#e5edef
```
#e5edef rgb(229,237,239)
```
#e3eef1
```
#e3eef1 rgb(227,238,241)
```
#e2eef2
```
#e2eef2 rgb(226,238,242)
```
#e0eff4
```
#e0eff4 rgb(224,239,244)
```
#dff0f5
```
#dff0f5 rgb(223,240,245)
```
#ddf1f7
```
#ddf1f7 rgb(221,241,247)
```
#dbf2f9
```
#dbf2f9 rgb(219,242,249)
```
#daf3fa
```
#daf3fa rgb(218,243,250)
```
#d8f4fc
```
#d8f4fc rgb(216,244,252)
```
#d7f4fd
```
#d7f4fd rgb(215,244,253)
```

Tone Color Variation

Below, you can see how #ddf1f7 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

#ececec Achromatopsia 0.005% of the population
#e9edee Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0edf4 Protanopia 1% of men
#fee7fa Deuteranopia 1% of men
#e2efff Tritanopia 0.001% of the population

Trichromacy

#e9eef5 Protanomaly 1% of men, 0.01% of women
#f2ebf9 Deuteranomaly 6% of men, 0.4% of women
#e0f0fc Tritanomaly 0.01% of the population

#ddf1f7 hex color

#ddf1f7 Color Information

#ddf1f7 Color Conversion

Color Schemes with #ddf1f7

Alternatives to #ddf1f7

#ddf1f7 Preview

Shades and Tints of #ddf1f7

Tones of #ddf1f7

Color Blindness Simulator