#afd2fd hex color

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

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

● #afd2fd color description : Very soft blue.

The hexadecimal color #afd2fd has RGB values of R:175, G:210, B:253 and CMYK values of C:0.31, M:0.17, Y:0, K:0.01. Its decimal value is 11522813.

Hex triplet	afd2fd	`#afd2fd`
RGB Decimal	175, 210, 253	`rgb(175,210,253)`
RGB Percent	68.6, 82.4, 99.2	`rgb(68.6%,82.4%,99.2%)`
CMYK	31, 17, 0, 1
HSL	213.1°, 95.1, 83.9	`hsl(213.1,95.1%,83.9%)`
HSV (or HSB)	213.1°, 30.8, 99.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	83.071, -1.835, -24.797
XYZ	58.452, 62.297, 101.868
xyY	0.263, 0.28, 62.297
CIE-LCH	83.071, 24.864, 265.767
CIE-LUV	83.071, -19.204, -39.476
Hunter-Lab	78.929, -5.935, -21.272
Binary	10101111, 11010010, 11111101

#afd2fd
```
#afd2fd rgb(175,210,253)
```
#fddaaf
```
#fddaaf rgb(253,218,175)
```

Complementary Color

#aff9fd
```
#aff9fd rgb(175,249,253)
```
#afd2fd
```
#afd2fd rgb(175,210,253)
```
#b3affd
```
#b3affd rgb(179,175,253)
```

Analogous Color

#f9fdaf
```
#f9fdaf rgb(249,253,175)
```
#afd2fd
```
#afd2fd rgb(175,210,253)
```
#fdb3af
```
#fdb3af rgb(253,179,175)
```

Split Complementary Color

#d2fdaf
```
#d2fdaf rgb(210,253,175)
```
#afd2fd
```
#afd2fd rgb(175,210,253)
```
#fdafd2
```
#fdafd2 rgb(253,175,210)
```

Triadic Color

#affdda
```
#affdda rgb(175,253,218)
```
#afd2fd
```
#afd2fd rgb(175,210,253)
```
#fdafd2
```
#fdafd2 rgb(253,175,210)
```
#fddaaf
```
#fddaaf rgb(253,218,175)
```

Tetradic Color

#64a8fb
```
#64a8fb rgb(100,168,251)
```
#7db6fc
```
#7db6fc rgb(125,182,252)
```
#96c4fc
```
#96c4fc rgb(150,196,252)
```
#afd2fd
```
#afd2fd rgb(175,210,253)
```
#c8e0fe
```
#c8e0fe rgb(200,224,254)
```
#e1eefe
```
#e1eefe rgb(225,238,254)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Monochromatic Color

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

#afe6fd
```
#afe6fd rgb(175,230,253)
```
#afdffd
```
#afdffd rgb(175,223,253)
```
#afd9fd
```
#afd9fd rgb(175,217,253)
```
#afd2fd
```
#afd2fd rgb(175,210,253)
```
#afccfd
```
#afccfd rgb(175,204,253)
```
#afc5fd
```
#afc5fd rgb(175,197,253)
```
#afbffd
```
#afbffd rgb(175,191,253)
```

Similar Colors

Text with hexadecimal color #afd2fd

This text has a font color of #afd2fd.

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

#afd2fd background color

This paragraph has a background color of #afd2fd.

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

#afd2fd border color

This element has a border color of #afd2fd.

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

CSS codes

.text {color:#afd2fd;}

.background {background-color:#afd2fd;}

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

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

#000710
```
#000710 rgb(0,7,16)
```
#011023
```
#011023 rgb(1,16,35)
```
#011936
```
#011936 rgb(1,25,54)
```
#022249
```
#022249 rgb(2,34,73)
```
#022b5c
```
#022b5c rgb(2,43,92)
```
#03346f
```
#03346f rgb(3,52,111)
```
#033c83
```
#033c83 rgb(3,60,131)
```
#044596
```
#044596 rgb(4,69,150)
```
#044ea9
```
#044ea9 rgb(4,78,169)
```
#0557bc
```
#0557bc rgb(5,87,188)
```
#0560cf
```
#0560cf rgb(5,96,207)
```
#0669e2
```
#0669e2 rgb(6,105,226)
```
#0671f5
```
#0671f5 rgb(6,113,245)
```

Shade Color Variation

#167cf9
```
#167cf9 rgb(22,124,249)
```
#2987fa
```
#2987fa rgb(41,135,250)
```
#3c91fa
```
#3c91fa rgb(60,145,250)
```
#4f9cfb
```
#4f9cfb rgb(79,156,251)
```
#62a7fb
```
#62a7fb rgb(98,167,251)
```
#76b2fc
```
#76b2fc rgb(118,178,252)
```
#89bcfc
```
#89bcfc rgb(137,188,252)
```
#9cc7fd
```
#9cc7fd rgb(156,199,253)
```
#afd2fd
```
#afd2fd rgb(175,210,253)
```
#c2ddfd
```
#c2ddfd rgb(194,221,253)
```
#d5e8fe
```
#d5e8fe rgb(213,232,254)
```
#e8f2fe
```
#e8f2fe rgb(232,242,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 #afd2fd is the most saturated one.

#d5d6d7
```
#d5d6d7 rgb(213,214,215)
```
#d2d6da
```
#d2d6da rgb(210,214,218)
```
#cfd5dd
```
#cfd5dd rgb(207,213,221)
```
#cbd5e1
```
#cbd5e1 rgb(203,213,225)
```
#c8d5e4
```
#c8d5e4 rgb(200,213,228)
```
#c5d4e7
```
#c5d4e7 rgb(197,212,231)
```
#c2d4ea
```
#c2d4ea rgb(194,212,234)
```
#bfd4ed
```
#bfd4ed rgb(191,212,237)
```
#bcd3f0
```
#bcd3f0 rgb(188,211,240)
```
#b8d3f4
```
#b8d3f4 rgb(184,211,244)
```
#b5d3f7
```
#b5d3f7 rgb(181,211,247)
```
#b2d2fa
```
#b2d2fa rgb(178,210,250)
```
#afd2fd
```
#afd2fd rgb(175,210,253)
```

Tone Color Variation

Below, you can see how #afd2fd 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
#c6cdd6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cffa Protanopia 1% of men
#cbcdff Deuteranopia 1% of men
#add8e7 Tritanopia 0.001% of the population

Trichromacy

#bed0fb Protanomaly 1% of men, 0.01% of women
#c1cffe Deuteranomaly 6% of men, 0.4% of women
#add5ef Tritanomaly 0.01% of the population

#afd2fd hex color

#afd2fd Color Information

#afd2fd Color Conversion

Color Schemes with #afd2fd

Alternatives to #afd2fd

#afd2fd Preview

Shades and Tints of #afd2fd

Tones of #afd2fd

Color Blindness Simulator