#defafd hex color

In a RGB color space, hex #defafd is composed of 87.1% red, 98% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 1.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 185.8 degrees, a saturation of 88.6% and a lightness of 93.1%. #defafd color hex could be obtained by blending #ffffff with #bdf5fb. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 87
- G 98
- B 99
RGB color chart
- C 12
- M 1
- Y 0
- K 1
CMYK color chart

● #defafd color description : Light grayish cyan.

The hexadecimal color #defafd has RGB values of R:222, G:250, B:253 and CMYK values of C:0.12, M:0.01, Y:0, K:0.01. Its decimal value is 14613245.

Hex triplet	defafd	`#defafd`
RGB Decimal	222, 250, 253	`rgb(222,250,253)`
RGB Percent	87.1, 98, 99.2	`rgb(87.1%,98%,99.2%)`
CMYK	12, 1, 0, 1
HSL	185.8°, 88.6, 93.1	`hsl(185.8,88.6%,93.1%)`
HSV (or HSB)	185.8°, 12.3, 99.2
Web Safe	ccffff	`#ccffff`

CIE-LAB	96.406, -8.455, -4.517
XYZ	82.036, 90.991, 106.164
xyY	0.294, 0.326, 90.991
CIE-LCH	96.406, 9.586, 208.114
CIE-LUV	96.406, -14.996, -5.593
Hunter-Lab	95.389, -13.42, 0.785
Binary	11011110, 11111010, 11111101

#defafd
```
#defafd rgb(222,250,253)
```
#fde1de
```
#fde1de rgb(253,225,222)
```

Complementary Color

#defdf1
```
#defdf1 rgb(222,253,241)
```
#defafd
```
#defafd rgb(222,250,253)
```
#deebfd
```
#deebfd rgb(222,235,253)
```

Analogous Color

#fdf1de
```
#fdf1de rgb(253,241,222)
```
#defafd
```
#defafd rgb(222,250,253)
```
#fddeeb
```
#fddeeb rgb(253,222,235)
```

Split Complementary Color

#fafdde
```
#fafdde rgb(250,253,222)
```
#defafd
```
#defafd rgb(222,250,253)
```
#fddefa
```
#fddefa rgb(253,222,250)
```

Triadic Color

#defde1
```
#defde1 rgb(222,253,225)
```
#defafd
```
#defafd rgb(222,250,253)
```
#fddefa
```
#fddefa rgb(253,222,250)
```
#fde1de
```
#fde1de rgb(253,225,222)
```

Tetradic Color

#96eff9
```
#96eff9 rgb(150,239,249)
```
#aef3fa
```
#aef3fa rgb(174,243,250)
```
#c6f6fc
```
#c6f6fc rgb(198,246,252)
```
#defafd
```
#defafd rgb(222,250,253)
```
#f6fefe
```
#f6fefe rgb(246,254,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#defdf8
```
#defdf8 rgb(222,253,248)
```
#defdfb
```
#defdfb rgb(222,253,251)
```
#defdfd
```
#defdfd rgb(222,253,253)
```
#defafd
```
#defafd rgb(222,250,253)
```
#def7fd
```
#def7fd rgb(222,247,253)
```
#def5fd
```
#def5fd rgb(222,245,253)
```
#def2fd
```
#def2fd rgb(222,242,253)
```

Similar Colors

Text with hexadecimal color #defafd

This text has a font color of #defafd.

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

#defafd background color

This paragraph has a background color of #defafd.

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

#defafd border color

This element has a border color of #defafd.

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

CSS codes

.text {color:#defafd;}

.background {background-color:#defafd;}

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

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

#000404
```
#000404 rgb(0,4,4)
```
#011416
```
#011416 rgb(1,20,22)
```
#022529
```
#022529 rgb(2,37,41)
```
#04363b
```
#04363b rgb(4,54,59)
```
#05474e
```
#05474e rgb(5,71,78)
```
#065860
```
#065860 rgb(6,88,96)
```
#076973
```
#076973 rgb(7,105,115)
```
#087985
```
#087985 rgb(8,121,133)
```
#098a98
```
#098a98 rgb(9,138,152)
```
#0a9baa
```
#0a9baa rgb(10,155,170)
```
#0bacbd
```
#0bacbd rgb(11,172,189)
```
#0dbdcf
```
#0dbdcf rgb(13,189,207)
```
#0ecde2
```
#0ecde2 rgb(14,205,226)
```

Shade Color Variation

#13dbf1
```
#13dbf1 rgb(19,219,241)
```
#25def2
```
#25def2 rgb(37,222,242)
```
#38e1f3
```
#38e1f3 rgb(56,225,243)
```
#4ae4f4
```
#4ae4f4 rgb(74,228,244)
```
#5de6f5
```
#5de6f5 rgb(93,230,245)
```
#6fe9f6
```
#6fe9f6 rgb(111,233,246)
```
#82ecf7
```
#82ecf7 rgb(130,236,247)
```
#94eff9
```
#94eff9 rgb(148,239,249)
```
#a7f2fa
```
#a7f2fa rgb(167,242,250)
```
#b9f4fb
```
#b9f4fb rgb(185,244,251)
```
#ccf7fc
```
#ccf7fc rgb(204,247,252)
```
#defafd
```
#defafd rgb(222,250,253)
```
#f0fdfe
```
#f0fdfe rgb(240,253,254)
```

Tint Color Variation

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

#edeeee
```
#edeeee rgb(237,238,238)
```
#ebeff0
```
#ebeff0 rgb(235,239,240)
```
#eaf0f1
```
#eaf0f1 rgb(234,240,241)
```
#e9f1f2
```
#e9f1f2 rgb(233,241,242)
```
#e7f2f4
```
#e7f2f4 rgb(231,242,244)
```
#e6f3f5
```
#e6f3f5 rgb(230,243,245)
```
#e5f5f6
```
#e5f5f6 rgb(229,245,246)
```
#e3f6f8
```
#e3f6f8 rgb(227,246,248)
```
#e2f7f9
```
#e2f7f9 rgb(226,247,249)
```
#e1f8fa
```
#e1f8fa rgb(225,248,250)
```
#dff9fc
```
#dff9fc rgb(223,249,252)
```
#defafd
```
#defafd rgb(222,250,253)
```
#ddfbfe
```
#ddfbfe rgb(221,251,254)
```

Tone Color Variation

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

#f2f2f2 Achromatopsia 0.005% of the population
#eef4f4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7f3f9 Protanopia 1% of men
#fff1fb Deuteranopia 1% of men
#ecf6ff Tritanopia 0.001% of the population

Trichromacy

#eef6fa Protanomaly 1% of men, 0.01% of women
#f3f4fc Deuteranomaly 6% of men, 0.4% of women
#e7f7fe Tritanomaly 0.01% of the population

#defafd hex color

#defafd Color Information

#defafd Color Conversion

Color Schemes with #defafd

Alternatives to #defafd

#defafd Preview

Shades and Tints of #defafd

Tones of #defafd

Color Blindness Simulator