#d2f0fb hex color

In a RGB color space, hex #d2f0fb is composed of 82.4% red, 94.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 4.4% magenta, 0% yellow and 1.6% black. It has a hue angle of 196.1 degrees, a saturation of 83.7% and a lightness of 90.4%. #d2f0fb color hex could be obtained by blending #ffffff with #a5e1f7. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 82
- G 94
- B 98
RGB color chart
- C 16
- M 4
- Y 0
- K 2
CMYK color chart

● #d2f0fb color description : Light grayish blue.

The hexadecimal color #d2f0fb has RGB values of R:210, G:240, B:251 and CMYK values of C:0.16, M:0.04, Y:0, K:0.02. Its decimal value is 13824251.

Hex triplet	d2f0fb	`#d2f0fb`
RGB Decimal	210, 240, 251	`rgb(210,240,251)`
RGB Percent	82.4, 94.1, 98.4	`rgb(82.4%,94.1%,98.4%)`
CMYK	16, 4, 0, 2
HSL	196.1°, 83.7, 90.4	`hsl(196.1,83.7%,90.4%)`
HSV (or HSB)	196.1°, 16.3, 98.4
Web Safe	ccffff	`#ccffff`

CIE-LAB	93.008, -7.522, -8.589
XYZ	75.147, 82.985, 103.32
xyY	0.287, 0.317, 82.985
CIE-LCH	93.008, 11.417, 228.789
CIE-LUV	93.008, -16.222, -12.216
Hunter-Lab	91.096, -12.17, -3.478
Binary	11010010, 11110000, 11111011

#d2f0fb
```
#d2f0fb rgb(210,240,251)
```
#fbddd2
```
#fbddd2 rgb(251,221,210)
```

Complementary Color

#d2fbf2
```
#d2fbf2 rgb(210,251,242)
```
#d2f0fb
```
#d2f0fb rgb(210,240,251)
```
#d2dcfb
```
#d2dcfb rgb(210,220,251)
```

Analogous Color

#fbf2d2
```
#fbf2d2 rgb(251,242,210)
```
#d2f0fb
```
#d2f0fb rgb(210,240,251)
```
#fbd2dc
```
#fbd2dc rgb(251,210,220)
```

Split Complementary Color

#f0fbd2
```
#f0fbd2 rgb(240,251,210)
```
#d2f0fb
```
#d2f0fb rgb(210,240,251)
```
#fbd2f0
```
#fbd2f0 rgb(251,210,240)
```

Triadic Color

#d2fbdd
```
#d2fbdd rgb(210,251,221)
```
#d2f0fb
```
#d2f0fb rgb(210,240,251)
```
#fbd2f0
```
#fbd2f0 rgb(251,210,240)
```
#fbddd2
```
#fbddd2 rgb(251,221,210)
```

Tetradic Color

#8cd9f5
```
#8cd9f5 rgb(140,217,245)
```
#a3e0f7
```
#a3e0f7 rgb(163,224,247)
```
#bbe8f9
```
#bbe8f9 rgb(187,232,249)
```
#d2f0fb
```
#d2f0fb rgb(210,240,251)
```
#e9f8fd
```
#e9f8fd rgb(233,248,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#d2fafb
```
#d2fafb rgb(210,250,251)
```
#d2f7fb
```
#d2f7fb rgb(210,247,251)
```
#d2f3fb
```
#d2f3fb rgb(210,243,251)
```
#d2f0fb
```
#d2f0fb rgb(210,240,251)
```
#d2edfb
```
#d2edfb rgb(210,237,251)
```
#d2e9fb
```
#d2e9fb rgb(210,233,251)
```
#d2e6fb
```
#d2e6fb rgb(210,230,251)
```

Similar Colors

Text with hexadecimal color #d2f0fb

This text has a font color of #d2f0fb.

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

#d2f0fb background color

This paragraph has a background color of #d2f0fb.

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

#d2f0fb border color

This element has a border color of #d2f0fb.

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

CSS codes

.text {color:#d2f0fb;}

.background {background-color:#d2f0fb;}

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

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

#010709
```
#010709 rgb(1,7,9)
```
#02141b
```
#02141b rgb(2,20,27)
```
#04222d
```
#04222d rgb(4,34,45)
```
#06303f
```
#06303f rgb(6,48,63)
```
#073d51
```
#073d51 rgb(7,61,81)
```
#094b63
```
#094b63 rgb(9,75,99)
```
#0a5875
```
#0a5875 rgb(10,88,117)
```
#0c6687
```
#0c6687 rgb(12,102,135)
```
#0e7499
```
#0e7499 rgb(14,116,153)
```
#0f81ab
```
#0f81ab rgb(15,129,171)
```
#118fbd
```
#118fbd rgb(17,143,189)
```
#129dcf
```
#129dcf rgb(18,157,207)
```
#14aae1
```
#14aae1 rgb(20,170,225)
```

Shade Color Variation

#1eb4eb
```
#1eb4eb rgb(30,180,235)
```
#30baed
```
#30baed rgb(48,186,237)
```
#42c0ee
```
#42c0ee rgb(66,192,238)
```
#54c6f0
```
#54c6f0 rgb(84,198,240)
```
#66ccf1
```
#66ccf1 rgb(102,204,241)
```
#78d2f3
```
#78d2f3 rgb(120,210,243)
```
#8ad8f5
```
#8ad8f5 rgb(138,216,245)
```
#9cdef6
```
#9cdef6 rgb(156,222,246)
```
#aee4f8
```
#aee4f8 rgb(174,228,248)
```
#c0eaf9
```
#c0eaf9 rgb(192,234,249)
```
#d2f0fb
```
#d2f0fb rgb(210,240,251)
```
#e4f6fd
```
#e4f6fd rgb(228,246,253)
```
#f6fcfe
```
#f6fcfe rgb(246,252,254)
```

Tint Color Variation

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

#e5e7e8
```
#e5e7e8 rgb(229,231,232)
```
#e3e8ea
```
#e3e8ea rgb(227,232,234)
```
#e1e9ec
```
#e1e9ec rgb(225,233,236)
```
#dfeaee
```
#dfeaee rgb(223,234,238)
```
#ddebf0
```
#ddebf0 rgb(221,235,240)
```
#dbecf2
```
#dbecf2 rgb(219,236,242)
```
#daedf3
```
#daedf3 rgb(218,237,243)
```
#d8edf5
```
#d8edf5 rgb(216,237,245)
```
#d6eef7
```
#d6eef7 rgb(214,238,247)
```
#d4eff9
```
#d4eff9 rgb(212,239,249)
```
#d2f0fb
```
#d2f0fb rgb(210,240,251)
```
#d0f1fd
```
#d0f1fd rgb(208,241,253)
```
#cef2ff
```
#cef2ff rgb(206,242,255)
```

Tone Color Variation

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

#e8e8e8 Achromatopsia 0.005% of the population
#e4eaec Atypical Achromatopsia 0.001% of the population

Dichromacy

#eceaf7 Protanopia 1% of men
#f8e5fe Deuteranopia 1% of men
#d8efff Tritanopia 0.001% of the population

Trichromacy

#e2ecf8 Protanomaly 1% of men, 0.01% of women
#eae9fd Deuteranomaly 6% of men, 0.4% of women
#d5effd Tritanomaly 0.01% of the population

#d2f0fb hex color

#d2f0fb Color Information

#d2f0fb Color Conversion

Color Schemes with #d2f0fb

Alternatives to #d2f0fb

#d2f0fb Preview

Shades and Tints of #d2f0fb

Tones of #d2f0fb

Color Blindness Simulator