#afd3ee hex color

In a RGB color space, hex #afd3ee is composed of 68.6% red, 82.7% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 11.3% magenta, 0% yellow and 6.7% black. It has a hue angle of 205.7 degrees, a saturation of 64.9% and a lightness of 81%. #afd3ee color hex could be obtained by blending #ffffff with #5fa7dd. 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

● #afd3ee color description : Very soft blue.

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

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

CIE-LAB	82.846, -5.893, -17.172
XYZ	56.403, 61.874, 89.855
xyY	0.271, 0.297, 61.874
CIE-LCH	82.846, 18.155, 251.058
CIE-LUV	82.846, -19.32, -26.163
Hunter-Lab	78.66, -9.663, -12.666
Binary	10101111, 11010011, 11101110

#afd3ee
```
#afd3ee rgb(175,211,238)
```
#eecaaf
```
#eecaaf rgb(238,202,175)
```

Complementary Color

#afeeea
```
#afeeea rgb(175,238,234)
```
#afd3ee
```
#afd3ee rgb(175,211,238)
```
#afb4ee
```
#afb4ee rgb(175,180,238)
```

Analogous Color

#eeeaaf
```
#eeeaaf rgb(238,234,175)
```
#afd3ee
```
#afd3ee rgb(175,211,238)
```
#eeafb4
```
#eeafb4 rgb(238,175,180)
```

Split Complementary Color

#d3eeaf
```
#d3eeaf rgb(211,238,175)
```
#afd3ee
```
#afd3ee rgb(175,211,238)
```
#eeafd3
```
#eeafd3 rgb(238,175,211)
```

Triadic Color

#afeeca
```
#afeeca rgb(175,238,202)
```
#afd3ee
```
#afd3ee rgb(175,211,238)
```
#eeafd3
```
#eeafd3 rgb(238,175,211)
```
#eecaaf
```
#eecaaf rgb(238,202,175)
```

Tetradic Color

#70b0e1
```
#70b0e1 rgb(112,176,225)
```
#85bce5
```
#85bce5 rgb(133,188,229)
```
#9ac7ea
```
#9ac7ea rgb(154,199,234)
```
#afd3ee
```
#afd3ee rgb(175,211,238)
```
#c4dff2
```
#c4dff2 rgb(196,223,242)
```
#d9eaf7
```
#d9eaf7 rgb(217,234,247)
```
#eef6fb
```
#eef6fb rgb(238,246,251)
```

Monochromatic Color

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

#afe3ee
```
#afe3ee rgb(175,227,238)
```
#afdeee
```
#afdeee rgb(175,222,238)
```
#afd8ee
```
#afd8ee rgb(175,216,238)
```
#afd3ee
```
#afd3ee rgb(175,211,238)
```
#afceee
```
#afceee rgb(175,206,238)
```
#afc9ee
```
#afc9ee rgb(175,201,238)
```
#afc3ee
```
#afc3ee rgb(175,195,238)
```

Similar Colors

Text with hexadecimal color #afd3ee

This text has a font color of #afd3ee.

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

#afd3ee background color

This paragraph has a background color of #afd3ee.

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

#afd3ee border color

This element has a border color of #afd3ee.

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

CSS codes

.text {color:#afd3ee;}

.background {background-color:#afd3ee;}

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

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)
```
#040b11
```
#040b11 rgb(4,11,17)
```
#071621
```
#071621 rgb(7,22,33)
```
#0b2131
```
#0b2131 rgb(11,33,49)
```
#0e2b42
```
#0e2b42 rgb(14,43,66)
```
#113652
```
#113652 rgb(17,54,82)
```
#154162
```
#154162 rgb(21,65,98)
```
#184c72
```
#184c72 rgb(24,76,114)
```
#1c5682
```
#1c5682 rgb(28,86,130)
```
#1f6192
```
#1f6192 rgb(31,97,146)
```
#236ca3
```
#236ca3 rgb(35,108,163)
```
#2676b3
```
#2676b3 rgb(38,118,179)
```
#2981c3
```
#2981c3 rgb(41,129,195)
```

Shade Color Variation

#2e8cd2
```
#2e8cd2 rgb(46,140,210)
```
#3e95d6
```
#3e95d6 rgb(62,149,214)
```
#4e9ed9
```
#4e9ed9 rgb(78,158,217)
```
#5ea7dd
```
#5ea7dd rgb(94,167,221)
```
#6eafe0
```
#6eafe0 rgb(110,175,224)
```
#7eb8e4
```
#7eb8e4 rgb(126,184,228)
```
#8fc1e7
```
#8fc1e7 rgb(143,193,231)
```
#9fcaeb
```
#9fcaeb rgb(159,202,235)
```
#afd3ee
```
#afd3ee rgb(175,211,238)
```
#bfdcf1
```
#bfdcf1 rgb(191,220,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 #a0d5fd is the most saturated one.

#cdcfd0
```
#cdcfd0 rgb(205,207,208)
```
#c9cfd4
```
#c9cfd4 rgb(201,207,212)
```
#c5d0d8
```
#c5d0d8 rgb(197,208,216)
```
#c2d0db
```
#c2d0db rgb(194,208,219)
```
#bed1df
```
#bed1df rgb(190,209,223)
```
#bad1e3
```
#bad1e3 rgb(186,209,227)
```
#b6d2e7
```
#b6d2e7 rgb(182,210,231)
```
#b3d2ea
```
#b3d2ea rgb(179,210,234)
```
#afd3ee
```
#afd3ee rgb(175,211,238)
```
#abd4f2
```
#abd4f2 rgb(171,212,242)
```
#a8d4f5
```
#a8d4f5 rgb(168,212,245)
```
#a4d5f9
```
#a4d5f9 rgb(164,213,249)
```
#a0d5fd
```
#a0d5fd rgb(160,213,253)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c5cdd2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcfeb Protanopia 1% of men
#d3ccf2 Deuteranopia 1% of men
#b0d6e6 Tritanopia 0.001% of the population

Trichromacy

#c1d0ec Protanomaly 1% of men, 0.01% of women
#c6cef0 Deuteranomaly 6% of men, 0.4% of women
#b0d5e9 Tritanomaly 0.01% of the population

#afd3ee hex color

#afd3ee Color Information

#afd3ee Color Conversion

Color Schemes with #afd3ee

Alternatives to #afd3ee

#afd3ee Preview

Shades and Tints of #afd3ee

Tones of #afd3ee

Color Blindness Simulator