#dde7f2 hex color

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

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

● #dde7f2 color description : Light grayish blue.

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

Hex triplet	dde7f2	`#dde7f2`
RGB Decimal	221, 231, 242	`rgb(221,231,242)`
RGB Percent	86.7, 90.6, 94.9	`rgb(86.7%,90.6%,94.9%)`
CMYK	9, 5, 0, 5
HSL	211.4°, 44.7, 90.8	`hsl(211.4,44.7%,90.8%)`
HSV (or HSB)	211.4°, 8.7, 94.9
Web Safe	ccffff	`#ccffff`

CIE-LAB	91.205, -1.248, -6.486
XYZ	74.419, 78.934, 95.315
xyY	0.299, 0.317, 78.934
CIE-LCH	91.205, 6.605, 259.112
CIE-LUV	91.205, -6.038, -9.888
Hunter-Lab	88.845, -5.963, -1.416
Binary	11011101, 11100111, 11110010

#dde7f2
```
#dde7f2 rgb(221,231,242)
```
#f2e8dd
```
#f2e8dd rgb(242,232,221)
```

Complementary Color

#ddf2f2
```
#ddf2f2 rgb(221,242,242)
```
#dde7f2
```
#dde7f2 rgb(221,231,242)
```
#deddf2
```
#deddf2 rgb(222,221,242)
```

Analogous Color

#f2f2dd
```
#f2f2dd rgb(242,242,221)
```
#dde7f2
```
#dde7f2 rgb(221,231,242)
```
#f2dedd
```
#f2dedd rgb(242,222,221)
```

Split Complementary Color

#e7f2dd
```
#e7f2dd rgb(231,242,221)
```
#dde7f2
```
#dde7f2 rgb(221,231,242)
```
#f2dde7
```
#f2dde7 rgb(242,221,231)
```

Triadic Color

#ddf2e8
```
#ddf2e8 rgb(221,242,232)
```
#dde7f2
```
#dde7f2 rgb(221,231,242)
```
#f2dde7
```
#f2dde7 rgb(242,221,231)
```
#f2e8dd
```
#f2e8dd rgb(242,232,221)
```

Tetradic Color

#a6c0dd
```
#a6c0dd rgb(166,192,221)
```
#b8cde4
```
#b8cde4 rgb(184,205,228)
```
#cbdaeb
```
#cbdaeb rgb(203,218,235)
```
#dde7f2
```
#dde7f2 rgb(221,231,242)
```
#eff4f9
```
#eff4f9 rgb(239,244,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ddecf2
```
#ddecf2 rgb(221,236,242)
```
#ddebf2
```
#ddebf2 rgb(221,235,242)
```
#dde9f2
```
#dde9f2 rgb(221,233,242)
```
#dde7f2
```
#dde7f2 rgb(221,231,242)
```
#dde5f2
```
#dde5f2 rgb(221,229,242)
```
#dde4f2
```
#dde4f2 rgb(221,228,242)
```
#dde2f2
```
#dde2f2 rgb(221,226,242)
```

Similar Colors

Text with hexadecimal color #dde7f2

This text has a font color of #dde7f2.

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

#dde7f2 background color

This paragraph has a background color of #dde7f2.

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

#dde7f2 border color

This element has a border color of #dde7f2.

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

CSS codes

.text {color:#dde7f2;}

.background {background-color:#dde7f2;}

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

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, #030609 is the darkest color, while #f9fbfd is the lightest one.

#030609
```
#030609 rgb(3,6,9)
```
#090f17
```
#090f17 rgb(9,15,23)
```
#0e1925
```
#0e1925 rgb(14,25,37)
```
#142333
```
#142333 rgb(20,35,51)
```
#192c41
```
#192c41 rgb(25,44,65)
```
#1e3650
```
#1e3650 rgb(30,54,80)
```
#243f5e
```
#243f5e rgb(36,63,94)
```
#29496c
```
#29496c rgb(41,73,108)
```
#2f537a
```
#2f537a rgb(47,83,122)
```
#345c88
```
#345c88 rgb(52,92,136)
```
#3a6696
```
#3a6696 rgb(58,102,150)
```
#3f6fa5
```
#3f6fa5 rgb(63,111,165)
```
#4479b3
```
#4479b3 rgb(68,121,179)
```

Shade Color Variation

#4f83bc
```
#4f83bc rgb(79,131,188)
```
#5d8dc1
```
#5d8dc1 rgb(93,141,193)
```
#6b97c7
```
#6b97c7 rgb(107,151,199)
```
#7aa1cc
```
#7aa1cc rgb(122,161,204)
```
#88abd1
```
#88abd1 rgb(136,171,209)
```
#96b5d7
```
#96b5d7 rgb(150,181,215)
```
#a4bfdc
```
#a4bfdc rgb(164,191,220)
```
#b2c9e2
```
#b2c9e2 rgb(178,201,226)
```
#c1d3e7
```
#c1d3e7 rgb(193,211,231)
```
#cfdded
```
#cfdded rgb(207,221,237)
```
#dde7f2
```
#dde7f2 rgb(221,231,242)
```
#ebf1f7
```
#ebf1f7 rgb(235,241,247)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#e6e7e9
```
#e6e7e9 rgb(230,231,233)
```
#e4e7eb
```
#e4e7eb rgb(228,231,235)
```
#e2e7ed
```
#e2e7ed rgb(226,231,237)
```
#e1e7ee
```
#e1e7ee rgb(225,231,238)
```
#dfe7f0
```
#dfe7f0 rgb(223,231,240)
```
#dde7f2
```
#dde7f2 rgb(221,231,242)
```
#dbe7f4
```
#dbe7f4 rgb(219,231,244)
```
#d9e7f6
```
#d9e7f6 rgb(217,231,246)
```
#d8e7f7
```
#d8e7f7 rgb(216,231,247)
```
#d6e7f9
```
#d6e7f9 rgb(214,231,249)
```
#d4e7fb
```
#d4e7fb rgb(212,231,251)
```
#d2e6fd
```
#d2e6fd rgb(210,230,253)
```
#d0e6ff
```
#d0e6ff rgb(208,230,255)
```

Tone Color Variation

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

#e5e5e5 Achromatopsia 0.005% of the population
#e3e5e8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e5f1 Protanopia 1% of men
#f5e0f5 Deuteranopia 1% of men
#dfe7f7 Tritanopia 0.001% of the population

Trichromacy

#e3e6f1 Protanomaly 1% of men, 0.01% of women
#ece3f3 Deuteranomaly 6% of men, 0.4% of women
#dee7f5 Tritanomaly 0.01% of the population

#dde7f2 hex color

#dde7f2 Color Information

#dde7f2 Color Conversion

Color Schemes with #dde7f2

Alternatives to #dde7f2

#dde7f2 Preview

Shades and Tints of #dde7f2

Tones of #dde7f2

Color Blindness Simulator