#def2fd Color Information
In a RGB color space, hex #def2fd is composed of 87.1% red, 94.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 4.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 201.3 degrees, a saturation of 88.6% and a lightness of 93.1%. #def2fd color hex could be obtained by blending #ffffff with #bde5fb. Closest websafe color is: #ccffff.
-
- R 87
- G 95
- B 99
-
- C 12
- M 4
- Y 0
- K 1
● #def2fd color description : Light grayish blue.
#def2fd Color Conversion
The hexadecimal color #def2fd has RGB values of R:222, G:242, B:253 and CMYK values of C:0.12, M:0.04, Y:0, K:0.01. Its decimal value is 14611197.
Hex triplet | def2fd | #def2fd |
---|---|---|
RGB Decimal | 222, 242, 253 | rgb(222,242,253) |
RGB Percent | 87.1, 94.9, 99.2 | rgb(87.1%,94.9%,99.2%) |
CMYK | 12, 4, 0, 1 | |
HSL | 201.3°, 88.6, 93.1 | hsl(201.3,88.6%,93.1%) |
HSV (or HSB) | 201.3°, 12.3, 99.2 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 94.366, -4.412, -7.529 |
---|---|
XYZ | 79.602, 86.125, 105.353 |
xyY | 0.294, 0.318, 86.125 |
CIE-LCH | 94.366, 8.727, 239.63 |
CIE-LUV | 94.366, -11.233, -11.057 |
Hunter-Lab | 92.803, -9.297, -2.345 |
Binary | 11011110, 11110010, 11111101 |
Color Schemes with #def2fd
Alternatives to #def2fd
Below, you can see some colors close to #def2fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#def2fd Preview
This text has a font color of #def2fd.
<span style="color:#def2fd;">Text here</span>
This paragraph has a background color of #def2fd.
<p style="background-color:#def2fd;">Content here</p>
This element has a border color of #def2fd.
<div style="border:1px solid #def2fd;">Content here</div>
.text {color:#def2fd;}
.background {background-color:#def2fd;}
.border {border:1px solid #def2fd;}
Shades and Tints of #def2fd
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, #000304 is the darkest color, while #f0f9fe is the lightest one.
-
#000304
#000304
rgb(0,3,4)
-
#010f16
#010f16
rgb(1,15,22)
-
#021b29
#021b29
rgb(2,27,41)
-
#04283b
#04283b
rgb(4,40,59)
-
#05344e
#05344e
rgb(5,52,78)
-
#064060
#064060
rgb(6,64,96)
-
#074d73
#074d73
rgb(7,77,115)
-
#085985
#085985
rgb(8,89,133)
-
#096598
#096598
rgb(9,101,152)
-
#0a72aa
#0a72aa
rgb(10,114,170)
-
#0b7ebd
#0b7ebd
rgb(11,126,189)
-
#0d8acf
#0d8acf
rgb(13,138,207)
-
#0e97e2
#0e97e2
rgb(14,151,226)
-
#13a2f1
#13a2f1
rgb(19,162,241)
-
#25a9f2
#25a9f2
rgb(37,169,242)
-
#38b0f3
#38b0f3
rgb(56,176,243)
-
#4ab8f4
#4ab8f4
rgb(74,184,244)
-
#5dbff5
#5dbff5
rgb(93,191,245)
-
#6fc6f6
#6fc6f6
rgb(111,198,246)
-
#82cef7
#82cef7
rgb(130,206,247)
-
#94d5f9
#94d5f9
rgb(148,213,249)
-
#a7dcfa
#a7dcfa
rgb(167,220,250)
-
#b9e3fb
#b9e3fb
rgb(185,227,251)
-
#ccebfc
#ccebfc
rgb(204,235,252)
-
#def2fd
#def2fd
rgb(222,242,253)
-
#f0f9fe
#f0f9fe
rgb(240,249,254)
Tones of #def2fd
A tone is produced by adding gray to any pure hue. In this case, #edeeee is the less saturated color, while #ddf2fe is the most saturated one.
-
#edeeee
#edeeee
rgb(237,238,238)
-
#ebeef0
#ebeef0
rgb(235,238,240)
-
#eaeef1
#eaeef1
rgb(234,238,241)
-
#e9eff2
#e9eff2
rgb(233,239,242)
-
#e7eff4
#e7eff4
rgb(231,239,244)
-
#e6f0f5
#e6f0f5
rgb(230,240,245)
-
#e5f0f6
#e5f0f6
rgb(229,240,246)
-
#e3f0f8
#e3f0f8
rgb(227,240,248)
-
#e2f1f9
#e2f1f9
rgb(226,241,249)
-
#e1f1fa
#e1f1fa
rgb(225,241,250)
-
#dff2fc
#dff2fc
rgb(223,242,252)
-
#def2fd
#def2fd
rgb(222,242,253)
-
#ddf2fe
#ddf2fe
rgb(221,242,254)
Color Blindness Simulator
Below, you can see how #def2fd 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.