#afcdfd hex color

In a RGB color space, hex #afcdfd is composed of 68.6% red, 80.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 19% magenta, 0% yellow and 0.8% black. It has a hue angle of 216.9 degrees, a saturation of 95.1% and a lightness of 83.9%. #afcdfd color hex could be obtained by blending #ffffff with #5f9bfb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 80
- B 99
RGB color chart
- C 31
- M 19
- Y 0
- K 1
CMYK color chart

● #afcdfd color description : Very soft blue.

The hexadecimal color #afcdfd has RGB values of R:175, G:205, B:253 and CMYK values of C:0.31, M:0.19, Y:0, K:0.01. Its decimal value is 11521533.

Hex triplet	afcdfd	`#afcdfd`
RGB Decimal	175, 205, 253	`rgb(175,205,253)`
RGB Percent	68.6, 80.4, 99.2	`rgb(68.6%,80.4%,99.2%)`
CMYK	31, 19, 0, 1
HSL	216.9°, 95.1, 83.9	`hsl(216.9,95.1%,83.9%)`
HSV (or HSB)	216.9°, 30.8, 99.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	81.766, 0.825, -26.788
XYZ	57.236, 59.867, 101.463
xyY	0.262, 0.274, 59.867
CIE-LCH	81.766, 26.801, 271.763
CIE-LUV	81.766, -17.096, -43.145
Hunter-Lab	77.374, -3.361, -23.587
Binary	10101111, 11001101, 11111101

#afcdfd
```
#afcdfd rgb(175,205,253)
```
#fddfaf
```
#fddfaf rgb(253,223,175)
```

Complementary Color

#aff4fd
```
#aff4fd rgb(175,244,253)
```
#afcdfd
```
#afcdfd rgb(175,205,253)
```
#b8affd
```
#b8affd rgb(184,175,253)
```

Analogous Color

#f4fdaf
```
#f4fdaf rgb(244,253,175)
```
#afcdfd
```
#afcdfd rgb(175,205,253)
```
#fdb8af
```
#fdb8af rgb(253,184,175)
```

Split Complementary Color

#cdfdaf
```
#cdfdaf rgb(205,253,175)
```
#afcdfd
```
#afcdfd rgb(175,205,253)
```
#fdafcd
```
#fdafcd rgb(253,175,205)
```

Triadic Color

#affddf
```
#affddf rgb(175,253,223)
```
#afcdfd
```
#afcdfd rgb(175,205,253)
```
#fdafcd
```
#fdafcd rgb(253,175,205)
```
#fddfaf
```
#fddfaf rgb(253,223,175)
```

Tetradic Color

#649efb
```
#649efb rgb(100,158,251)
```
#7daefc
```
#7daefc rgb(125,174,252)
```
#96bdfc
```
#96bdfc rgb(150,189,252)
```
#afcdfd
```
#afcdfd rgb(175,205,253)
```
#c8ddfe
```
#c8ddfe rgb(200,221,254)
```
#e1ecfe
```
#e1ecfe rgb(225,236,254)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Monochromatic Color

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

#afe1fd
```
#afe1fd rgb(175,225,253)
```
#afdafd
```
#afdafd rgb(175,218,253)
```
#afd4fd
```
#afd4fd rgb(175,212,253)
```
#afcdfd
```
#afcdfd rgb(175,205,253)
```
#afc7fd
```
#afc7fd rgb(175,199,253)
```
#afc0fd
```
#afc0fd rgb(175,192,253)
```
#afbafd
```
#afbafd rgb(175,186,253)
```

Similar Colors

Text with hexadecimal color #afcdfd

This text has a font color of #afcdfd.

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

#afcdfd background color

This paragraph has a background color of #afcdfd.

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

#afcdfd border color

This element has a border color of #afcdfd.

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

CSS codes

.text {color:#afcdfd;}

.background {background-color:#afcdfd;}

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

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

#000610
```
#000610 rgb(0,6,16)
```
#010e23
```
#010e23 rgb(1,14,35)
```
#011636
```
#011636 rgb(1,22,54)
```
#021d49
```
#021d49 rgb(2,29,73)
```
#02255c
```
#02255c rgb(2,37,92)
```
#032d6f
```
#032d6f rgb(3,45,111)
```
#033483
```
#033483 rgb(3,52,131)
```
#043c96
```
#043c96 rgb(4,60,150)
```
#0444a9
```
#0444a9 rgb(4,68,169)
```
#054bbc
```
#054bbc rgb(5,75,188)
```
#0553cf
```
#0553cf rgb(5,83,207)
```
#065ae2
```
#065ae2 rgb(6,90,226)
```
#0662f5
```
#0662f5 rgb(6,98,245)
```

Shade Color Variation

#166df9
```
#166df9 rgb(22,109,249)
```
#2979fa
```
#2979fa rgb(41,121,250)
```
#3c85fa
```
#3c85fa rgb(60,133,250)
```
#4f91fb
```
#4f91fb rgb(79,145,251)
```
#629dfb
```
#629dfb rgb(98,157,251)
```
#76a9fc
```
#76a9fc rgb(118,169,252)
```
#89b5fc
```
#89b5fc rgb(137,181,252)
```
#9cc1fd
```
#9cc1fd rgb(156,193,253)
```
#afcdfd
```
#afcdfd rgb(175,205,253)
```
#c2d9fd
```
#c2d9fd rgb(194,217,253)
```
#d5e5fe
```
#d5e5fe rgb(213,229,254)
```
#e8f1fe
```
#e8f1fe rgb(232,241,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#d5d6d7
```
#d5d6d7 rgb(213,214,215)
```
#d2d5da
```
#d2d5da rgb(210,213,218)
```
#cfd4dd
```
#cfd4dd rgb(207,212,221)
```
#cbd4e1
```
#cbd4e1 rgb(203,212,225)
```
#c8d3e4
```
#c8d3e4 rgb(200,211,228)
```
#c5d2e7
```
#c5d2e7 rgb(197,210,231)
```
#c2d1ea
```
#c2d1ea rgb(194,209,234)
```
#bfd1ed
```
#bfd1ed rgb(191,209,237)
```
#bcd0f0
```
#bcd0f0 rgb(188,208,240)
```
#b8cff4
```
#b8cff4 rgb(184,207,244)
```
#b5cef7
```
#b5cef7 rgb(181,206,247)
```
#b2cefa
```
#b2cefa rgb(178,206,250)
```
#afcdfd
```
#afcdfd rgb(175,205,253)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c5cbd4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ccfa Protanopia 1% of men
#c6cafe Deuteranopia 1% of men
#acd4e3 Tritanopia 0.001% of the population

Trichromacy

#bbccfb Protanomaly 1% of men, 0.01% of women
#bdcbfe Deuteranomaly 6% of men, 0.4% of women
#add1ec Tritanomaly 0.01% of the population

#afcdfd hex color

#afcdfd Color Information

#afcdfd Color Conversion

Color Schemes with #afcdfd

Alternatives to #afcdfd

#afcdfd Preview

Shades and Tints of #afcdfd

Tones of #afcdfd

Color Blindness Simulator