#afd4ee hex color

In a RGB color space, hex #afd4ee is composed of 68.6% red, 83.1% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 10.9% magenta, 0% yellow and 6.7% black. It has a hue angle of 204.8 degrees, a saturation of 64.9% and a lightness of 81%. #afd4ee color hex could be obtained by blending #ffffff with #5fa9dd. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 83
- B 93
RGB color chart
- C 26
- M 11
- Y 0
- K 7
CMYK color chart

● #afd4ee color description : Very soft blue.

The hexadecimal color #afd4ee has RGB values of R:175, G:212, B:238 and CMYK values of C:0.26, M:0.11, Y:0, K:0.07. Its decimal value is 11523310.

Hex triplet	afd4ee	`#afd4ee`
RGB Decimal	175, 212, 238	`rgb(175,212,238)`
RGB Percent	68.6, 83.1, 93.3	`rgb(68.6%,83.1%,93.3%)`
CMYK	26, 11, 0, 7
HSL	204.8°, 64.9, 81	`hsl(204.8,64.9%,81%)`
HSV (or HSB)	204.8°, 26.5, 93.3
Web Safe	99ccff	`#99ccff`

CIE-LAB	83.111, -6.416, -16.773
XYZ	56.652, 62.372, 89.938
xyY	0.271, 0.298, 62.372
CIE-LCH	83.111, 17.958, 249.067
CIE-LUV	83.111, -19.756, -25.438
Hunter-Lab	78.976, -10.165, -12.236
Binary	10101111, 11010100, 11101110

#afd4ee
```
#afd4ee rgb(175,212,238)
```
#eec9af
```
#eec9af rgb(238,201,175)
```

Complementary Color

#afeee9
```
#afeee9 rgb(175,238,233)
```
#afd4ee
```
#afd4ee rgb(175,212,238)
```
#afb5ee
```
#afb5ee rgb(175,181,238)
```

Analogous Color

#eee9af
```
#eee9af rgb(238,233,175)
```
#afd4ee
```
#afd4ee rgb(175,212,238)
```
#eeafb5
```
#eeafb5 rgb(238,175,181)
```

Split Complementary Color

#d4eeaf
```
#d4eeaf rgb(212,238,175)
```
#afd4ee
```
#afd4ee rgb(175,212,238)
```
#eeafd4
```
#eeafd4 rgb(238,175,212)
```

Triadic Color

#afeec9
```
#afeec9 rgb(175,238,201)
```
#afd4ee
```
#afd4ee rgb(175,212,238)
```
#eeafd4
```
#eeafd4 rgb(238,175,212)
```
#eec9af
```
#eec9af rgb(238,201,175)
```

Tetradic Color

#70b2e1
```
#70b2e1 rgb(112,178,225)
```
#85bde5
```
#85bde5 rgb(133,189,229)
```
#9ac9ea
```
#9ac9ea rgb(154,201,234)
```
#afd4ee
```
#afd4ee rgb(175,212,238)
```
#c4dff2
```
#c4dff2 rgb(196,223,242)
```
#d9ebf7
```
#d9ebf7 rgb(217,235,247)
```
#eef6fb
```
#eef6fb rgb(238,246,251)
```

Monochromatic Color

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

#afe4ee
```
#afe4ee rgb(175,228,238)
```
#afdfee
```
#afdfee rgb(175,223,238)
```
#afd9ee
```
#afd9ee rgb(175,217,238)
```
#afd4ee
```
#afd4ee rgb(175,212,238)
```
#afcfee
```
#afcfee rgb(175,207,238)
```
#afcaee
```
#afcaee rgb(175,202,238)
```
#afc4ee
```
#afc4ee rgb(175,196,238)
```

Similar Colors

Text with hexadecimal color #afd4ee

This text has a font color of #afd4ee.

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

#afd4ee background color

This paragraph has a background color of #afd4ee.

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

#afd4ee border color

This element has a border color of #afd4ee.

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

CSS codes

.text {color:#afd4ee;}

.background {background-color:#afd4ee;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040c11
```
#040c11 rgb(4,12,17)
```
#071621
```
#071621 rgb(7,22,33)
```
#0b2131
```
#0b2131 rgb(11,33,49)
```
#0e2c42
```
#0e2c42 rgb(14,44,66)
```
#113752
```
#113752 rgb(17,55,82)
```
#154262
```
#154262 rgb(21,66,98)
```
#184d72
```
#184d72 rgb(24,77,114)
```
#1c5882
```
#1c5882 rgb(28,88,130)
```
#1f6392
```
#1f6392 rgb(31,99,146)
```
#236ea3
```
#236ea3 rgb(35,110,163)
```
#2679b3
```
#2679b3 rgb(38,121,179)
```
#2984c3
```
#2984c3 rgb(41,132,195)
```

Shade Color Variation

#2e8ed2
```
#2e8ed2 rgb(46,142,210)
```
#3e97d6
```
#3e97d6 rgb(62,151,214)
```
#4ea0d9
```
#4ea0d9 rgb(78,160,217)
```
#5ea9dd
```
#5ea9dd rgb(94,169,221)
```
#6eb1e0
```
#6eb1e0 rgb(110,177,224)
```
#7ebae4
```
#7ebae4 rgb(126,186,228)
```
#8fc3e7
```
#8fc3e7 rgb(143,195,231)
```
#9fcbeb
```
#9fcbeb rgb(159,203,235)
```
#afd4ee
```
#afd4ee rgb(175,212,238)
```
#bfddf1
```
#bfddf1 rgb(191,221,241)
```
#cfe5f5
```
#cfe5f5 rgb(207,229,245)
```
#e0eef8
```
#e0eef8 rgb(224,238,248)
```
#f0f7fc
```
#f0f7fc rgb(240,247,252)
```

Tint Color Variation

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

#cdcfd0
```
#cdcfd0 rgb(205,207,208)
```
#c9cfd4
```
#c9cfd4 rgb(201,207,212)
```
#c5d0d8
```
#c5d0d8 rgb(197,208,216)
```
#c2d1db
```
#c2d1db rgb(194,209,219)
```
#bed1df
```
#bed1df rgb(190,209,223)
```
#bad2e3
```
#bad2e3 rgb(186,210,227)
```
#b6d3e7
```
#b6d3e7 rgb(182,211,231)
```
#b3d3ea
```
#b3d3ea rgb(179,211,234)
```
#afd4ee
```
#afd4ee rgb(175,212,238)
```
#abd5f2
```
#abd5f2 rgb(171,213,242)
```
#a8d5f5
```
#a8d5f5 rgb(168,213,245)
```
#a4d6f9
```
#a4d6f9 rgb(164,214,249)
```
#a0d7fd
```
#a0d7fd rgb(160,215,253)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c6ced3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cccfeb Protanopia 1% of men
#d4ccf2 Deuteranopia 1% of men
#b1d7e7 Tritanopia 0.001% of the population

Trichromacy

#c2d1ec Protanomaly 1% of men, 0.01% of women
#c6cff0 Deuteranomaly 6% of men, 0.4% of women
#b0d6e9 Tritanomaly 0.01% of the population

#afd4ee hex color

#afd4ee Color Information

#afd4ee Color Conversion

Color Schemes with #afd4ee

Alternatives to #afd4ee

#afd4ee Preview

Shades and Tints of #afd4ee

Tones of #afd4ee

Color Blindness Simulator