#def0fe hex color

In a RGB color space, hex #def0fe is composed of 87.1% red, 94.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 12.6% cyan, 5.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 206.3 degrees, a saturation of 94.1% and a lightness of 93.3%. #def0fe color hex could be obtained by blending #ffffff with #bde1fd. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 87
- G 94
- B 100
RGB color chart
- C 13
- M 6
- Y 0
- K 0
CMYK color chart

● #def0fe color description : Light grayish blue.

The hexadecimal color #def0fe has RGB values of R:222, G:240, B:254 and CMYK values of C:0.13, M:0.06, Y:0, K:0. Its decimal value is 14610686.

Hex triplet	def0fe	`#def0fe`
RGB Decimal	222, 240, 254	`rgb(222,240,254)`
RGB Percent	87.1, 94.1, 99.6	`rgb(87.1%,94.1%,99.6%)`
CMYK	13, 6, 0, 0
HSL	206.3°, 94.1, 93.3	`hsl(206.3,94.1%,93.3%)`
HSV (or HSB)	206.3°, 12.6, 99.6
Web Safe	ccffff	`#ccffff`

CIE-LAB	93.885, -3.195, -8.76
XYZ	79.17, 85.005, 105.997
xyY	0.293, 0.315, 85.005
CIE-LCH	93.885, 9.325, 249.96
CIE-LUV	93.885, -10.33, -13.229
Hunter-Lab	92.198, -8.069, -3.625
Binary	11011110, 11110000, 11111110

#def0fe
```
#def0fe rgb(222,240,254)
```
#feecde
```
#feecde rgb(254,236,222)
```

Complementary Color

#defefc
```
#defefc rgb(222,254,252)
```
#def0fe
```
#def0fe rgb(222,240,254)
```
#dee0fe
```
#dee0fe rgb(222,224,254)
```

Analogous Color

#fefcde
```
#fefcde rgb(254,252,222)
```
#def0fe
```
#def0fe rgb(222,240,254)
```
#fedee0
```
#fedee0 rgb(254,222,224)
```

Split Complementary Color

#f0fede
```
#f0fede rgb(240,254,222)
```
#def0fe
```
#def0fe rgb(222,240,254)
```
#fedef0
```
#fedef0 rgb(254,222,240)
```

Triadic Color

#defeec
```
#defeec rgb(222,254,236)
```
#def0fe
```
#def0fe rgb(222,240,254)
```
#fedef0
```
#fedef0 rgb(254,222,240)
```
#feecde
```
#feecde rgb(254,236,222)
```

Tetradic Color

#94cefc
```
#94cefc rgb(148,206,252)
```
#addafd
```
#addafd rgb(173,218,253)
```
#c5e5fd
```
#c5e5fd rgb(197,229,253)
```
#def0fe
```
#def0fe rgb(222,240,254)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#def8fe
```
#def8fe rgb(222,248,254)
```
#def5fe
```
#def5fe rgb(222,245,254)
```
#def3fe
```
#def3fe rgb(222,243,254)
```
#def0fe
```
#def0fe rgb(222,240,254)
```
#deedfe
```
#deedfe rgb(222,237,254)
```
#deebfe
```
#deebfe rgb(222,235,254)
```
#dee8fe
```
#dee8fe rgb(222,232,254)
```

Similar Colors

Text with hexadecimal color #def0fe

This text has a font color of #def0fe.

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

#def0fe background color

This paragraph has a background color of #def0fe.

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

#def0fe border color

This element has a border color of #def0fe.

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

CSS codes

.text {color:#def0fe;}

.background {background-color:#def0fe;}

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

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

#000305
```
#000305 rgb(0,3,5)
```
#010e18
```
#010e18 rgb(1,14,24)
```
#01192b
```
#01192b rgb(1,25,43)
```
#02243e
```
#02243e rgb(2,36,62)
```
#022f51
```
#022f51 rgb(2,47,81)
```
#033a64
```
#033a64 rgb(3,58,100)
```
#044577
```
#044577 rgb(4,69,119)
```
#04508a
```
#04508a rgb(4,80,138)
```
#055b9d
```
#055b9d rgb(5,91,157)
```
#0566b0
```
#0566b0 rgb(5,102,176)
```
#0671c3
```
#0671c3 rgb(6,113,195)
```
#067cd7
```
#067cd7 rgb(6,124,215)
```
#0786ea
```
#0786ea rgb(7,134,234)
```

Shade Color Variation

#0d91f8
```
#0d91f8 rgb(13,145,248)
```
#2099f8
```
#2099f8 rgb(32,153,248)
```
#33a2f9
```
#33a2f9 rgb(51,162,249)
```
#46abf9
```
#46abf9 rgb(70,171,249)
```
#59b3fa
```
#59b3fa rgb(89,179,250)
```
#6cbcfb
```
#6cbcfb rgb(108,188,251)
```
#7fc5fb
```
#7fc5fb rgb(127,197,251)
```
#92cdfc
```
#92cdfc rgb(146,205,252)
```
#a5d6fc
```
#a5d6fc rgb(165,214,252)
```
#b8dffd
```
#b8dffd rgb(184,223,253)
```
#cbe7fd
```
#cbe7fd rgb(203,231,253)
```
#def0fe
```
#def0fe rgb(222,240,254)
```
#f1f9ff
```
#f1f9ff rgb(241,249,255)
```

Tint Color Variation

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

#eeeeee
```
#eeeeee rgb(238,238,238)
```
#eceef0
```
#eceef0 rgb(236,238,240)
```
#ebeef1
```
#ebeef1 rgb(235,238,241)
```
#eaeff2
```
#eaeff2 rgb(234,239,242)
```
#e8eff4
```
#e8eff4 rgb(232,239,244)
```
#e7eff5
```
#e7eff5 rgb(231,239,245)
```
#e6eff6
```
#e6eff6 rgb(230,239,246)
```
#e5eff7
```
#e5eff7 rgb(229,239,247)
```
#e3eff9
```
#e3eff9 rgb(227,239,249)
```
#e2f0fa
```
#e2f0fa rgb(226,240,250)
```
#e1f0fb
```
#e1f0fb rgb(225,240,251)
```
#dff0fd
```
#dff0fd rgb(223,240,253)
```
#def0fe
```
#def0fe rgb(222,240,254)
```

Tone Color Variation

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

#ececec Achromatopsia 0.005% of the population
#e9edf0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eeecfb Protanopia 1% of men
#fae8ff Deuteranopia 1% of men
#e2efff Tritanopia 0.001% of the population

Trichromacy

#e8eefc Protanomaly 1% of men, 0.01% of women
#efebfe Deuteranomaly 6% of men, 0.4% of women
#e0effe Tritanomaly 0.01% of the population

#def0fe hex color

#def0fe Color Information

#def0fe Color Conversion

Color Schemes with #def0fe

Alternatives to #def0fe

#def0fe Preview

Shades and Tints of #def0fe

Tones of #def0fe

Color Blindness Simulator