#def2ff hex color

In a RGB color space, hex #def2ff is composed of 87.1% red, 94.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 12.9% cyan, 5.1% magenta, 0% yellow and 0% black. It has a hue angle of 203.6 degrees, a saturation of 100% and a lightness of 93.5%. #def2ff color hex could be obtained by blending #ffffff with #bde5ff. Closest websafe color is: #ccffff.

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

● #def2ff color description : Very pale blue.

The hexadecimal color #def2ff has RGB values of R:222, G:242, B:255 and CMYK values of C:0.13, M:0.05, Y:0, K:0. Its decimal value is 14611199.

Hex triplet	def2ff	`#def2ff`
RGB Decimal	222, 242, 255	`rgb(222,242,255)`
RGB Percent	87.1, 94.9, 100	`rgb(87.1%,94.9%,100%)`
CMYK	13, 5, 0, 0
HSL	203.6°, 100, 93.5	`hsl(203.6,100%,93.5%)`
HSV (or HSB)	203.6°, 12.9, 100
Web Safe	ccffff	`#ccffff`

CIE-LAB	94.42, -4.017, -8.485
XYZ	79.923, 86.253, 107.04
xyY	0.293, 0.316, 86.253
CIE-LCH	94.42, 9.388, 244.669
CIE-LUV	94.42, -11.309, -12.658
Hunter-Lab	92.872, -8.916, -3.324
Binary	11011110, 11110010, 11111111

#def2ff
```
#def2ff rgb(222,242,255)
```
#ffebde
```
#ffebde rgb(255,235,222)
```

Complementary Color

#defffc
```
#defffc rgb(222,255,252)
```
#def2ff
```
#def2ff rgb(222,242,255)
```
#dee2ff
```
#dee2ff rgb(222,226,255)
```

Analogous Color

#fffcde
```
#fffcde rgb(255,252,222)
```
#def2ff
```
#def2ff rgb(222,242,255)
```
#ffdee2
```
#ffdee2 rgb(255,222,226)
```

Split Complementary Color

#f2ffde
```
#f2ffde rgb(242,255,222)
```
#def2ff
```
#def2ff rgb(222,242,255)
```
#ffdef2
```
#ffdef2 rgb(255,222,242)
```

Triadic Color

#deffeb
```
#deffeb rgb(222,255,235)
```
#def2ff
```
#def2ff rgb(222,242,255)
```
#ffdef2
```
#ffdef2 rgb(255,222,242)
```
#ffebde
```
#ffebde rgb(255,235,222)
```

Tetradic Color

#92d4ff
```
#92d4ff rgb(146,212,255)
```
#abdeff
```
#abdeff rgb(171,222,255)
```
#c5e8ff
```
#c5e8ff rgb(197,232,255)
```
#def2ff
```
#def2ff rgb(222,242,255)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#defaff
```
#defaff rgb(222,250,255)
```
#def8ff
```
#def8ff rgb(222,248,255)
```
#def5ff
```
#def5ff rgb(222,245,255)
```
#def2ff
```
#def2ff rgb(222,242,255)
```
#deefff
```
#deefff rgb(222,239,255)
```
#deedff
```
#deedff rgb(222,237,255)
```
#deeaff
```
#deeaff rgb(222,234,255)
```

Similar Colors

Text with hexadecimal color #def2ff

This text has a font color of #def2ff.

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

#def2ff background color

This paragraph has a background color of #def2ff.

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

#def2ff border color

This element has a border color of #def2ff.

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

CSS codes

.text {color:#def2ff;}

.background {background-color:#def2ff;}

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

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

#000406
```
#000406 rgb(0,4,6)
```
#00101a
```
#00101a rgb(0,16,26)
```
#001c2d
```
#001c2d rgb(0,28,45)
```
#002741
```
#002741 rgb(0,39,65)
```
#003355
```
#003355 rgb(0,51,85)
```
#003f68
```
#003f68 rgb(0,63,104)
```
#004b7c
```
#004b7c rgb(0,75,124)
```
#005790
```
#005790 rgb(0,87,144)
```
#0063a3
```
#0063a3 rgb(0,99,163)
```
#006fb7
```
#006fb7 rgb(0,111,183)
```
#007bca
```
#007bca rgb(0,123,202)
```
#0087de
```
#0087de rgb(0,135,222)
```
#0092f2
```
#0092f2 rgb(0,146,242)
```

Shade Color Variation

#069dff
```
#069dff rgb(6,157,255)
```
#1aa5ff
```
#1aa5ff rgb(26,165,255)
```
#2dacff
```
#2dacff rgb(45,172,255)
```
#41b4ff
```
#41b4ff rgb(65,180,255)
```
#55bcff
```
#55bcff rgb(85,188,255)
```
#68c4ff
```
#68c4ff rgb(104,196,255)
```
#7ccbff
```
#7ccbff rgb(124,203,255)
```
#90d3ff
```
#90d3ff rgb(144,211,255)
```
#a3dbff
```
#a3dbff rgb(163,219,255)
```
#b7e3ff
```
#b7e3ff rgb(183,227,255)
```
#caeaff
```
#caeaff rgb(202,234,255)
```
#def2ff
```
#def2ff rgb(222,242,255)
```
#f2faff
```
#f2faff rgb(242,250,255)
```

Tint Color Variation

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

#edeff0
```
#edeff0 rgb(237,239,240)
```
#eceff1
```
#eceff1 rgb(236,239,241)
```
#ebeff2
```
#ebeff2 rgb(235,239,242)
```
#e9f0f4
```
#e9f0f4 rgb(233,240,244)
```
#e8f0f5
```
#e8f0f5 rgb(232,240,245)
```
#e7f0f6
```
#e7f0f6 rgb(231,240,246)
```
#e6f0f7
```
#e6f0f7 rgb(230,240,247)
```
#e4f1f9
```
#e4f1f9 rgb(228,241,249)
```
#e3f1fa
```
#e3f1fa rgb(227,241,250)
```
#e2f1fb
```
#e2f1fb rgb(226,241,251)
```
#e1f1fc
```
#e1f1fc rgb(225,241,252)
```
#dff2fe
```
#dff2fe rgb(223,242,254)
```
#def2ff
```
#def2ff rgb(222,242,255)
```

Tone Color Variation

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

#eeeeee Achromatopsia 0.005% of the population
#ebeff1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efeefc Protanopia 1% of men
#faeaff Deuteranopia 1% of men
#e4f1ff Tritanopia 0.001% of the population

Trichromacy

#e9effd Protanomaly 1% of men, 0.01% of women
#f0edff Deuteranomaly 6% of men, 0.4% of women
#e1f1ff Tritanomaly 0.01% of the population

#def2ff hex color

#def2ff Color Information

#def2ff Color Conversion

Color Schemes with #def2ff

Alternatives to #def2ff

#def2ff Preview

Shades and Tints of #def2ff

Tones of #def2ff

Color Blindness Simulator