#d3f2f7 Color Information
In a RGB color space, hex #d3f2f7 is composed of 82.7% red, 94.9% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 14.6% cyan, 2% magenta, 0% yellow and 3.1% black. It has a hue angle of 188.3 degrees, a saturation of 69.2% and a lightness of 89.8%. #d3f2f7 color hex could be obtained by blending #ffffff with #a7e5ef. Closest websafe color is: #ccffff.
-
- R 83
- G 95
- B 97
-
- C 15
- M 2
- Y 0
- K 3
● #d3f2f7 color description : Light grayish cyan.
#d3f2f7 Color Conversion
The hexadecimal color #d3f2f7 has RGB values of R:211, G:242, B:247 and CMYK values of C:0.15, M:0.02, Y:0, K:0.03. Its decimal value is 13890295.
Hex triplet | d3f2f7 | #d3f2f7 |
---|---|---|
RGB Decimal | 211, 242, 247 | rgb(211,242,247) |
RGB Percent | 82.7, 94.9, 96.9 | rgb(82.7%,94.9%,96.9%) |
CMYK | 15, 2, 0, 3 | |
HSL | 188.3°, 69.2, 89.8 | hsl(188.3,69.2%,89.8%) |
HSV (or HSB) | 188.3°, 14.6, 96.9 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 93.48, -9.035, -5.806 |
---|---|
XYZ | 75.401, 84.067, 100.245 |
xyY | 0.29, 0.324, 84.067 |
CIE-LCH | 93.48, 10.74, 212.727 |
CIE-LUV | 93.48, -16.544, -7.518 |
Hunter-Lab | 91.688, -13.662, -0.641 |
Binary | 11010011, 11110010, 11110111 |
Color Schemes with #d3f2f7
Alternatives to #d3f2f7
Below, you can see some colors close to #d3f2f7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#d3f2f7 Preview
This text has a font color of #d3f2f7.
<span style="color:#d3f2f7;">Text here</span>
This paragraph has a background color of #d3f2f7.
<p style="background-color:#d3f2f7;">Content here</p>
This element has a border color of #d3f2f7.
<div style="border:1px solid #d3f2f7;">Content here</div>
.text {color:#d3f2f7;}
.background {background-color:#d3f2f7;}
.border {border:1px solid #d3f2f7;}
Shades and Tints of #d3f2f7
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, #010506 is the darkest color, while #f4fcfd is the lightest one.
-
#010506
#010506
rgb(1,5,6)
-
#041416
#041416
rgb(4,20,22)
-
#072327
#072327
rgb(7,35,39)
-
#0a3138
#0a3138
rgb(10,49,56)
-
#0d4048
#0d4048
rgb(13,64,72)
-
#104f59
#104f59
rgb(16,79,89)
-
#135d69
#135d69
rgb(19,93,105)
-
#166c7a
#166c7a
rgb(22,108,122)
-
#197b8b
#197b8b
rgb(25,123,139)
-
#1c8a9b
#1c8a9b
rgb(28,138,155)
-
#1f98ac
#1f98ac
rgb(31,152,172)
-
#22a7bc
#22a7bc
rgb(34,167,188)
-
#25b6cd
#25b6cd
rgb(37,182,205)
-
#2dc1d9
#2dc1d9
rgb(45,193,217)
-
#3ec6dc
#3ec6dc
rgb(62,198,220)
-
#4ecbdf
#4ecbdf
rgb(78,203,223)
-
#5fd0e2
#5fd0e2
rgb(95,208,226)
-
#6fd5e5
#6fd5e5
rgb(111,213,229)
-
#80d9e8
#80d9e8
rgb(128,217,232)
-
#91deeb
#91deeb
rgb(145,222,235)
-
#a1e3ee
#a1e3ee
rgb(161,227,238)
-
#b2e8f1
#b2e8f1
rgb(178,232,241)
-
#c2edf4
#c2edf4
rgb(194,237,244)
-
#d3f2f7
#d3f2f7
rgb(211,242,247)
-
#e4f7fa
#e4f7fa
rgb(228,247,250)
-
#f4fcfd
#f4fcfd
rgb(244,252,253)
Tones of #d3f2f7
A tone is produced by adding gray to any pure hue. In this case, #e5e5e5 is the less saturated color, while #cdf6fd is the most saturated one.
-
#e5e5e5
#e5e5e5
rgb(229,229,229)
-
#e3e6e7
#e3e6e7
rgb(227,230,231)
-
#e1e8e9
#e1e8e9
rgb(225,232,233)
-
#dfe9eb
#dfe9eb
rgb(223,233,235)
-
#ddebed
#ddebed
rgb(221,235,237)
-
#dbecef
#dbecef
rgb(219,236,239)
-
#d9eef1
#d9eef1
rgb(217,238,241)
-
#d7eff3
#d7eff3
rgb(215,239,243)
-
#d5f1f5
#d5f1f5
rgb(213,241,245)
-
#d3f2f7
#d3f2f7
rgb(211,242,247)
-
#d1f3f9
#d1f3f9
rgb(209,243,249)
-
#cff5fb
#cff5fb
rgb(207,245,251)
-
#cdf6fd
#cdf6fd
rgb(205,246,253)
Color Blindness Simulator
Below, you can see how #d3f2f7 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.