#d3f2fc Color Information
In a RGB color space, hex #d3f2fc is composed of 82.7% red, 94.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 4% magenta, 0% yellow and 1.2% black. It has a hue angle of 194.6 degrees, a saturation of 87.2% and a lightness of 90.8%. #d3f2fc color hex could be obtained by blending #ffffff with #a7e5f9. Closest websafe color is: #ccffff.
-
- R 83
- G 95
- B 99
-
- C 16
- M 4
- Y 0
- K 1
● #d3f2fc color description : Light grayish cyan.
#d3f2fc Color Conversion
The hexadecimal color #d3f2fc has RGB values of R:211, G:242, B:252 and CMYK values of C:0.16, M:0.04, Y:0, K:0.01. Its decimal value is 13890300.
Hex triplet | d3f2fc | #d3f2fc |
---|---|---|
RGB Decimal | 211, 242, 252 | rgb(211,242,252) |
RGB Percent | 82.7, 94.9, 98.8 | rgb(82.7%,94.9%,98.8%) |
CMYK | 16, 4, 0, 1 | |
HSL | 194.6°, 87.2, 90.8 | hsl(194.6,87.2%,90.8%) |
HSV (or HSB) | 194.6°, 16.3, 98.8 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 93.615, -8.025, -8.202 |
---|---|
XYZ | 76.183, 84.38, 104.363 |
xyY | 0.288, 0.319, 84.38 |
CIE-LCH | 93.615, 11.475, 225.623 |
CIE-LUV | 93.615, -16.683, -11.519 |
Hunter-Lab | 91.859, -12.713, -3.06 |
Binary | 11010011, 11110010, 11111100 |
Color Schemes with #d3f2fc
Alternatives to #d3f2fc
Below, you can see some colors close to #d3f2fc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#d3f2fc Preview
This text has a font color of #d3f2fc.
<span style="color:#d3f2fc;">Text here</span>
This paragraph has a background color of #d3f2fc.
<p style="background-color:#d3f2fc;">Content here</p>
This element has a border color of #d3f2fc.
<div style="border:1px solid #d3f2fc;">Content here</div>
.text {color:#d3f2fc;}
.background {background-color:#d3f2fc;}
.border {border:1px solid #d3f2fc;}
Shades and Tints of #d3f2fc
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, #01090b is the darkest color, while #f8fdff is the lightest one.
-
#01090b
#01090b
rgb(1,9,11)
-
#02171d
#02171d
rgb(2,23,29)
-
#032530
#032530
rgb(3,37,48)
-
#053342
#053342
rgb(5,51,66)
-
#064155
#064155
rgb(6,65,85)
-
#075067
#075067
rgb(7,80,103)
-
#085e79
#085e79
rgb(8,94,121)
-
#0a6c8c
#0a6c8c
rgb(10,108,140)
-
#0b7a9e
#0b7a9e
rgb(11,122,158)
-
#0c88b0
#0c88b0
rgb(12,136,176)
-
#0d96c3
#0d96c3
rgb(13,150,195)
-
#0fa5d5
#0fa5d5
rgb(15,165,213)
-
#10b3e7
#10b3e7
rgb(16,179,231)
-
#1bbcef
#1bbcef
rgb(27,188,239)
-
#2ec1f1
#2ec1f1
rgb(46,193,241)
-
#40c7f2
#40c7f2
rgb(64,199,242)
-
#52ccf3
#52ccf3
rgb(82,204,243)
-
#65d1f4
#65d1f4
rgb(101,209,244)
-
#77d7f6
#77d7f6
rgb(119,215,246)
-
#8adcf7
#8adcf7
rgb(138,220,247)
-
#9ce2f8
#9ce2f8
rgb(156,226,248)
-
#aee7f9
#aee7f9
rgb(174,231,249)
-
#c1edfb
#c1edfb
rgb(193,237,251)
-
#d3f2fc
#d3f2fc
rgb(211,242,252)
-
#e5f7fd
#e5f7fd
rgb(229,247,253)
-
#f8fdff
#f8fdff
rgb(248,253,255)
Tones of #d3f2fc
A tone is produced by adding gray to any pure hue. In this case, #e7e8e8 is the less saturated color, while #d1f3fe is the most saturated one.
-
#e7e8e8
#e7e8e8
rgb(231,232,232)
-
#e5e9ea
#e5e9ea
rgb(229,233,234)
-
#e3eaec
#e3eaec
rgb(227,234,236)
-
#e1ebee
#e1ebee
rgb(225,235,238)
-
#e0ecef
#e0ecef
rgb(224,236,239)
-
#deecf1
#deecf1
rgb(222,236,241)
-
#dcedf3
#dcedf3
rgb(220,237,243)
-
#daeef5
#daeef5
rgb(218,238,245)
-
#d8eff7
#d8eff7
rgb(216,239,247)
-
#d7f0f8
#d7f0f8
rgb(215,240,248)
-
#d5f1fa
#d5f1fa
rgb(213,241,250)
-
#d3f2fc
#d3f2fc
rgb(211,242,252)
-
#d1f3fe
#d1f3fe
rgb(209,243,254)
Color Blindness Simulator
Below, you can see how #d3f2fc 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.