#afb0fd hex color

In a RGB color space, hex #afb0fd is composed of 68.6% red, 69% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 30.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 239.2 degrees, a saturation of 95.1% and a lightness of 83.9%. #afb0fd color hex could be obtained by blending #ffffff with #5f61fb. Closest websafe color is: #9999ff.

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

● #afb0fd color description : Very soft blue.

The hexadecimal color #afb0fd has RGB values of R:175, G:176, B:253 and CMYK values of C:0.31, M:0.3, Y:0, K:0.01. Its decimal value is 11514109.

Hex triplet	afb0fd	`#afb0fd`
RGB Decimal	175, 176, 253	`rgb(175,176,253)`
RGB Percent	68.6, 69, 99.2	`rgb(68.6%,69%,99.2%)`
CMYK	31, 30, 0, 1
HSL	239.2°, 95.1, 83.9	`hsl(239.2,95.1%,83.9%)`
HSV (or HSB)	239.2°, 30.8, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	74.353, 16.664, -38.21
XYZ	50.931, 47.256, 99.361
xyY	0.258, 0.239, 47.256
CIE-LCH	74.353, 41.686, 293.563
CIE-LUV	74.353, -5.082, -64.078
Hunter-Lab	68.743, 11.949, -37.578
Binary	10101111, 10110000, 11111101

#afb0fd
```
#afb0fd rgb(175,176,253)
```
#fdfcaf
```
#fdfcaf rgb(253,252,175)
```

Complementary Color

#afd7fd
```
#afd7fd rgb(175,215,253)
```
#afb0fd
```
#afb0fd rgb(175,176,253)
```
#d5affd
```
#d5affd rgb(213,175,253)
```

Analogous Color

#d7fdaf
```
#d7fdaf rgb(215,253,175)
```
#afb0fd
```
#afb0fd rgb(175,176,253)
```
#fdd5af
```
#fdd5af rgb(253,213,175)
```

Split Complementary Color

#b0fdaf
```
#b0fdaf rgb(176,253,175)
```
#afb0fd
```
#afb0fd rgb(175,176,253)
```
#fdafb0
```
#fdafb0 rgb(253,175,176)
```

Triadic Color

#affdfc
```
#affdfc rgb(175,253,252)
```
#afb0fd
```
#afb0fd rgb(175,176,253)
```
#fdafb0
```
#fdafb0 rgb(253,175,176)
```
#fdfcaf
```
#fdfcaf rgb(253,252,175)
```

Tetradic Color

#6466fb
```
#6466fb rgb(100,102,251)
```
#7d7ffc
```
#7d7ffc rgb(125,127,252)
```
#9697fc
```
#9697fc rgb(150,151,252)
```
#afb0fd
```
#afb0fd rgb(175,176,253)
```
#c8c9fe
```
#c8c9fe rgb(200,201,254)
```
#e1e1fe
```
#e1e1fe rgb(225,225,254)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Monochromatic Color

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

#afc4fd
```
#afc4fd rgb(175,196,253)
```
#afbdfd
```
#afbdfd rgb(175,189,253)
```
#afb7fd
```
#afb7fd rgb(175,183,253)
```
#afb0fd
```
#afb0fd rgb(175,176,253)
```
#b5affd
```
#b5affd rgb(181,175,253)
```
#bbaffd
```
#bbaffd rgb(187,175,253)
```
#c2affd
```
#c2affd rgb(194,175,253)
```

Similar Colors

Text with hexadecimal color #afb0fd

This text has a font color of #afb0fd.

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

#afb0fd background color

This paragraph has a background color of #afb0fd.

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

#afb0fd border color

This element has a border color of #afb0fd.

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

CSS codes

.text {color:#afb0fd;}

.background {background-color:#afb0fd;}

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

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

#000110
```
#000110 rgb(0,1,16)
```
#010123
```
#010123 rgb(1,1,35)
```
#010236
```
#010236 rgb(1,2,54)
```
#020349
```
#020349 rgb(2,3,73)
```
#02035c
```
#02035c rgb(2,3,92)
```
#03046f
```
#03046f rgb(3,4,111)
```
#030583
```
#030583 rgb(3,5,131)
```
#040696
```
#040696 rgb(4,6,150)
```
#0406a9
```
#0406a9 rgb(4,6,169)
```
#0507bc
```
#0507bc rgb(5,7,188)
```
#0508cf
```
#0508cf rgb(5,8,207)
```
#0608e2
```
#0608e2 rgb(6,8,226)
```
#0609f5
```
#0609f5 rgb(6,9,245)
```

Shade Color Variation

#1619f9
```
#1619f9 rgb(22,25,249)
```
#292cfa
```
#292cfa rgb(41,44,250)
```
#3c3ffa
```
#3c3ffa rgb(60,63,250)
```
#4f52fb
```
#4f52fb rgb(79,82,251)
```
#6264fb
```
#6264fb rgb(98,100,251)
```
#7677fc
```
#7677fc rgb(118,119,252)
```
#898afc
```
#898afc rgb(137,138,252)
```
#9c9dfd
```
#9c9dfd rgb(156,157,253)
```
#afb0fd
```
#afb0fd rgb(175,176,253)
```
#c2c3fd
```
#c2c3fd rgb(194,195,253)
```
#d5d6fe
```
#d5d6fe rgb(213,214,254)
```
#e8e9fe
```
#e8e9fe rgb(232,233,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 #afb0fd is the most saturated one.

#d5d5d7
```
#d5d5d7 rgb(213,213,215)
```
#d2d2da
```
#d2d2da rgb(210,210,218)
```
#cfcfdd
```
#cfcfdd rgb(207,207,221)
```
#cbcce1
```
#cbcce1 rgb(203,204,225)
```
#c8c9e4
```
#c8c9e4 rgb(200,201,228)
```
#c5c6e7
```
#c5c6e7 rgb(197,198,231)
```
#c2c2ea
```
#c2c2ea rgb(194,194,234)
```
#bfbfed
```
#bfbfed rgb(191,191,237)
```
#bcbcf0
```
#bcbcf0 rgb(188,188,240)
```
#b8b9f4
```
#b8b9f4 rgb(184,185,244)
```
#b5b6f7
```
#b5b6f7 rgb(181,182,247)
```
#b2b3fa
```
#b2b3fa rgb(178,179,250)
```
#afb0fd
```
#afb0fd rgb(175,176,253)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b6b6c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b8ff Protanopia 1% of men
#a3b8fb Deuteranopia 1% of men
#a6becb Tritanopia 0.001% of the population

Trichromacy

#a7b5fe Protanomaly 1% of men, 0.01% of women
#a7b5fc Deuteranomaly 6% of men, 0.4% of women
#a9b9dd Tritanomaly 0.01% of the population

#afb0fd hex color

#afb0fd Color Information

#afb0fd Color Conversion

Color Schemes with #afb0fd

Alternatives to #afb0fd

#afb0fd Preview

Shades and Tints of #afb0fd

Tones of #afb0fd

Color Blindness Simulator