#afcfde hex color

In a RGB color space, hex #afcfde is composed of 68.6% red, 81.2% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 6.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 199.1 degrees, a saturation of 41.6% and a lightness of 77.8%. #afcfde color hex could be obtained by blending #ffffff with #5f9fbd. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 81
- B 87
RGB color chart
- C 21
- M 7
- Y 0
- K 13
CMYK color chart

● #afcfde color description : Very soft blue.

The hexadecimal color #afcfde has RGB values of R:175, G:207, B:222 and CMYK values of C:0.21, M:0.07, Y:0, K:0.13. Its decimal value is 11522014.

Hex triplet	afcfde	`#afcfde`
RGB Decimal	175, 207, 222	`rgb(175,207,222)`
RGB Percent	68.6, 81.2, 87.1	`rgb(68.6%,81.2%,87.1%)`
CMYK	21, 7, 0, 13
HSL	199.1°, 41.6, 77.8	`hsl(199.1,41.6%,77.8%)`
HSV (or HSB)	199.1°, 21.2, 87.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	81.298, -7.396, -10.963
XYZ	53.174, 59.012, 77.692
xyY	0.28, 0.311, 59.012
CIE-LCH	81.298, 13.224, 235.994
CIE-LUV	81.298, -17.197, -15.802
Hunter-Lab	76.819, -10.877, -6.19
Binary	10101111, 11001111, 11011110

#afcfde
```
#afcfde rgb(175,207,222)
```
#debeaf
```
#debeaf rgb(222,190,175)
```

Complementary Color

#afded6
```
#afded6 rgb(175,222,214)
```
#afcfde
```
#afcfde rgb(175,207,222)
```
#afb8de
```
#afb8de rgb(175,184,222)
```

Analogous Color

#ded6af
```
#ded6af rgb(222,214,175)
```
#afcfde
```
#afcfde rgb(175,207,222)
```
#deafb8
```
#deafb8 rgb(222,175,184)
```

Split Complementary Color

#cfdeaf
```
#cfdeaf rgb(207,222,175)
```
#afcfde
```
#afcfde rgb(175,207,222)
```
#deafcf
```
#deafcf rgb(222,175,207)
```

Triadic Color

#afdebe
```
#afdebe rgb(175,222,190)
```
#afcfde
```
#afcfde rgb(175,207,222)
```
#deafcf
```
#deafcf rgb(222,175,207)
```
#debeaf
```
#debeaf rgb(222,190,175)
```

Tetradic Color

#79afc8
```
#79afc8 rgb(121,175,200)
```
#8bb9cf
```
#8bb9cf rgb(139,185,207)
```
#9dc4d7
```
#9dc4d7 rgb(157,196,215)
```
#afcfde
```
#afcfde rgb(175,207,222)
```
#c1dae5
```
#c1dae5 rgb(193,218,229)
```
#d3e5ed
```
#d3e5ed rgb(211,229,237)
```
#e5eff4
```
#e5eff4 rgb(229,239,244)
```

Monochromatic Color

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

#afdbde
```
#afdbde rgb(175,219,222)
```
#afd7de
```
#afd7de rgb(175,215,222)
```
#afd3de
```
#afd3de rgb(175,211,222)
```
#afcfde
```
#afcfde rgb(175,207,222)
```
#afcbde
```
#afcbde rgb(175,203,222)
```
#afc7de
```
#afc7de rgb(175,199,222)
```
#afc3de
```
#afc3de rgb(175,195,222)
```

Similar Colors

Text with hexadecimal color #afcfde

This text has a font color of #afcfde.

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

#afcfde background color

This paragraph has a background color of #afcfde.

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

#afcfde border color

This element has a border color of #afcfde.

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

CSS codes

.text {color:#afcfde;}

.background {background-color:#afcfde;}

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

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

#010303
```
#010303 rgb(1,3,3)
```
#070e11
```
#070e11 rgb(7,14,17)
```
#0d191f
```
#0d191f rgb(13,25,31)
```
#13252d
```
#13252d rgb(19,37,45)
```
#18303b
```
#18303b rgb(24,48,59)
```
#1e3b49
```
#1e3b49 rgb(30,59,73)
```
#244657
```
#244657 rgb(36,70,87)
```
#295265
```
#295265 rgb(41,82,101)
```
#2f5d72
```
#2f5d72 rgb(47,93,114)
```
#356880
```
#356880 rgb(53,104,128)
```
#3b748e
```
#3b748e rgb(59,116,142)
```
#407f9c
```
#407f9c rgb(64,127,156)
```
#468aaa
```
#468aaa rgb(70,138,170)
```

Shade Color Variation

#4e95b6
```
#4e95b6 rgb(78,149,182)
```
#5c9dbc
```
#5c9dbc rgb(92,157,188)
```
#6aa5c1
```
#6aa5c1 rgb(106,165,193)
```
#77aec7
```
#77aec7 rgb(119,174,199)
```
#85b6cd
```
#85b6cd rgb(133,182,205)
```
#93bed3
```
#93bed3 rgb(147,190,211)
```
#a1c7d8
```
#a1c7d8 rgb(161,199,216)
```
#afcfde
```
#afcfde rgb(175,207,222)
```
#bdd7e4
```
#bdd7e4 rgb(189,215,228)
```
#cbe0e9
```
#cbe0e9 rgb(203,224,233)
```
#d9e8ef
```
#d9e8ef rgb(217,232,239)
```
#e7f0f5
```
#e7f0f5 rgb(231,240,245)
```
#f4f9fb
```
#f4f9fb rgb(244,249,251)
```

Tint Color Variation

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

#c5c7c8
```
#c5c7c8 rgb(197,199,200)
```
#c0c9cd
```
#c0c9cd rgb(192,201,205)
```
#bccad1
```
#bccad1 rgb(188,202,209)
```
#b8ccd5
```
#b8ccd5 rgb(184,204,213)
```
#b3cdda
```
#b3cdda rgb(179,205,218)
```
#afcfde
```
#afcfde rgb(175,207,222)
```
#abd1e2
```
#abd1e2 rgb(171,209,226)
```
#a6d2e7
```
#a6d2e7 rgb(166,210,231)
```
#a2d4eb
```
#a2d4eb rgb(162,212,235)
```
#9ed5ef
```
#9ed5ef rgb(158,213,239)
```
#99d7f4
```
#99d7f4 rgb(153,215,244)
```
#95d8f8
```
#95d8f8 rgb(149,216,248)
```
#91dafc
```
#91dafc rgb(145,218,252)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c2c9cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcbdc Protanopia 1% of men
#d4c7e3 Deuteranopia 1% of men
#b3d1e0 Tritanopia 0.001% of the population

Trichromacy

#c1ccdc Protanomaly 1% of men, 0.01% of women
#c7cae1 Deuteranomaly 6% of men, 0.4% of women
#b1d0df Tritanomaly 0.01% of the population

#afcfde hex color

#afcfde Color Information

#afcfde Color Conversion

Color Schemes with #afcfde

Alternatives to #afcfde

#afcfde Preview

Shades and Tints of #afcfde

Tones of #afcfde

Color Blindness Simulator