#afb7fd hex color

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

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

● #afb7fd color description : Very soft blue.

The hexadecimal color #afb7fd has RGB values of R:175, G:183, B:253 and CMYK values of C:0.31, M:0.28, Y:0, K:0.01. Its decimal value is 11515901.

Hex triplet	afb7fd	`#afb7fd`
RGB Decimal	175, 183, 253	`rgb(175,183,253)`
RGB Percent	68.6, 71.8, 99.2	`rgb(68.6%,71.8%,99.2%)`
CMYK	31, 28, 0, 1
HSL	233.8°, 95.1, 83.9	`hsl(233.8,95.1%,83.9%)`
HSV (or HSB)	233.8°, 30.8, 99.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	76.113, 12.785, -35.48
XYZ	52.339, 50.072, 99.83
xyY	0.259, 0.248, 50.072
CIE-LCH	76.113, 37.713, 289.816
CIE-LUV	76.113, -7.934, -59.109
Hunter-Lab	70.761, 8.195, -34.113
Binary	10101111, 10110111, 11111101

#afb7fd
```
#afb7fd rgb(175,183,253)
```
#fdf5af
```
#fdf5af rgb(253,245,175)
```

Complementary Color

#afdefd
```
#afdefd rgb(175,222,253)
```
#afb7fd
```
#afb7fd rgb(175,183,253)
```
#ceaffd
```
#ceaffd rgb(206,175,253)
```

Analogous Color

#defdaf
```
#defdaf rgb(222,253,175)
```
#afb7fd
```
#afb7fd rgb(175,183,253)
```
#fdceaf
```
#fdceaf rgb(253,206,175)
```

Split Complementary Color

#b7fdaf
```
#b7fdaf rgb(183,253,175)
```
#afb7fd
```
#afb7fd rgb(175,183,253)
```
#fdafb7
```
#fdafb7 rgb(253,175,183)
```

Triadic Color

#affdf5
```
#affdf5 rgb(175,253,245)
```
#afb7fd
```
#afb7fd rgb(175,183,253)
```
#fdafb7
```
#fdafb7 rgb(253,175,183)
```
#fdf5af
```
#fdf5af rgb(253,245,175)
```

Tetradic Color

#6474fb
```
#6474fb rgb(100,116,251)
```
#7d8afc
```
#7d8afc rgb(125,138,252)
```
#96a1fc
```
#96a1fc rgb(150,161,252)
```
#afb7fd
```
#afb7fd rgb(175,183,253)
```
#c8cdfe
```
#c8cdfe rgb(200,205,254)
```
#e1e4fe
```
#e1e4fe rgb(225,228,254)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Monochromatic Color

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

#afcbfd
```
#afcbfd rgb(175,203,253)
```
#afc4fd
```
#afc4fd rgb(175,196,253)
```
#afbefd
```
#afbefd rgb(175,190,253)
```
#afb7fd
```
#afb7fd rgb(175,183,253)
```
#afb1fd
```
#afb1fd rgb(175,177,253)
```
#b4affd
```
#b4affd rgb(180,175,253)
```
#bbaffd
```
#bbaffd rgb(187,175,253)
```

Similar Colors

Text with hexadecimal color #afb7fd

This text has a font color of #afb7fd.

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

#afb7fd background color

This paragraph has a background color of #afb7fd.

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

#afb7fd border color

This element has a border color of #afb7fd.

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

CSS codes

.text {color:#afb7fd;}

.background {background-color:#afb7fd;}

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

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

#000210
```
#000210 rgb(0,2,16)
```
#010423
```
#010423 rgb(1,4,35)
```
#010736
```
#010736 rgb(1,7,54)
```
#020949
```
#020949 rgb(2,9,73)
```
#020c5c
```
#020c5c rgb(2,12,92)
```
#030e6f
```
#030e6f rgb(3,14,111)
```
#031083
```
#031083 rgb(3,16,131)
```
#041396
```
#041396 rgb(4,19,150)
```
#0415a9
```
#0415a9 rgb(4,21,169)
```
#0517bc
```
#0517bc rgb(5,23,188)
```
#051acf
```
#051acf rgb(5,26,207)
```
#061ce2
```
#061ce2 rgb(6,28,226)
```
#061ff5
```
#061ff5 rgb(6,31,245)
```

Shade Color Variation

#162df9
```
#162df9 rgb(22,45,249)
```
#293efa
```
#293efa rgb(41,62,250)
```
#3c50fa
```
#3c50fa rgb(60,80,250)
```
#4f61fb
```
#4f61fb rgb(79,97,251)
```
#6272fb
```
#6272fb rgb(98,114,251)
```
#7683fc
```
#7683fc rgb(118,131,252)
```
#8995fc
```
#8995fc rgb(137,149,252)
```
#9ca6fd
```
#9ca6fd rgb(156,166,253)
```
#afb7fd
```
#afb7fd rgb(175,183,253)
```
#c2c8fd
```
#c2c8fd rgb(194,200,253)
```
#d5d9fe
```
#d5d9fe rgb(213,217,254)
```
#e8ebfe
```
#e8ebfe rgb(232,235,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#d5d5d7
```
#d5d5d7 rgb(213,213,215)
```
#d2d3da
```
#d2d3da rgb(210,211,218)
```
#cfd0dd
```
#cfd0dd rgb(207,208,221)
```
#cbcee1
```
#cbcee1 rgb(203,206,225)
```
#c8cbe4
```
#c8cbe4 rgb(200,203,228)
```
#c5c9e7
```
#c5c9e7 rgb(197,201,231)
```
#c2c6ea
```
#c2c6ea rgb(194,198,234)
```
#bfc4ed
```
#bfc4ed rgb(191,196,237)
```
#bcc1f0
```
#bcc1f0 rgb(188,193,240)
```
#b8bff4
```
#b8bff4 rgb(184,191,244)
```
#b5bcf7
```
#b5bcf7 rgb(181,188,247)
```
#b2bafa
```
#b2bafa rgb(178,186,250)
```
#afb7fd
```
#afb7fd rgb(175,183,253)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#babcca Atypical Achromatopsia 0.001% of the population

Dichromacy

#aabcfe Protanopia 1% of men
#acbcfc Deuteranopia 1% of men
#a7c3d1 Tritanopia 0.001% of the population

Trichromacy

#acbafd Protanomaly 1% of men, 0.01% of women
#adbafc Deuteranomaly 6% of men, 0.4% of women
#aabee1 Tritanomaly 0.01% of the population

#afb7fd hex color

#afb7fd Color Information

#afb7fd Color Conversion

Color Schemes with #afb7fd

Alternatives to #afb7fd

#afb7fd Preview

Shades and Tints of #afb7fd

Tones of #afb7fd

Color Blindness Simulator