#afbdfd hex color

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

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

● #afbdfd color description : Very soft blue.

The hexadecimal color #afbdfd has RGB values of R:175, G:189, B:253 and CMYK values of C:0.31, M:0.25, Y:0, K:0.01. Its decimal value is 11517437.

Hex triplet	afbdfd	`#afbdfd`
RGB Decimal	175, 189, 253	`rgb(175,189,253)`
RGB Percent	68.6, 74.1, 99.2	`rgb(68.6%,74.1%,99.2%)`
CMYK	31, 25, 0, 1
HSL	229.2°, 95.1, 83.9	`hsl(229.2,95.1%,83.9%)`
HSV (or HSB)	229.2°, 30.8, 99.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.638, 9.485, -33.124
XYZ	53.603, 52.6, 100.252
xyY	0.26, 0.255, 52.6
CIE-LCH	77.638, 34.455, 285.979
CIE-LUV	77.638, -10.408, -54.798
Hunter-Lab	72.526, 5.007, -31.188
Binary	10101111, 10111101, 11111101

#afbdfd
```
#afbdfd rgb(175,189,253)
```
#fdefaf
```
#fdefaf rgb(253,239,175)
```

Complementary Color

#afe4fd
```
#afe4fd rgb(175,228,253)
```
#afbdfd
```
#afbdfd rgb(175,189,253)
```
#c8affd
```
#c8affd rgb(200,175,253)
```

Analogous Color

#e4fdaf
```
#e4fdaf rgb(228,253,175)
```
#afbdfd
```
#afbdfd rgb(175,189,253)
```
#fdc8af
```
#fdc8af rgb(253,200,175)
```

Split Complementary Color

#bdfdaf
```
#bdfdaf rgb(189,253,175)
```
#afbdfd
```
#afbdfd rgb(175,189,253)
```
#fdafbd
```
#fdafbd rgb(253,175,189)
```

Triadic Color

#affdef
```
#affdef rgb(175,253,239)
```
#afbdfd
```
#afbdfd rgb(175,189,253)
```
#fdafbd
```
#fdafbd rgb(253,175,189)
```
#fdefaf
```
#fdefaf rgb(253,239,175)
```

Tetradic Color

#647ffb
```
#647ffb rgb(100,127,251)
```
#7d94fc
```
#7d94fc rgb(125,148,252)
```
#96a8fc
```
#96a8fc rgb(150,168,252)
```
#afbdfd
```
#afbdfd rgb(175,189,253)
```
#c8d2fe
```
#c8d2fe rgb(200,210,254)
```
#e1e6fe
```
#e1e6fe rgb(225,230,254)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Monochromatic Color

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

#afd1fd
```
#afd1fd rgb(175,209,253)
```
#afcafd
```
#afcafd rgb(175,202,253)
```
#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)
```

Similar Colors

Text with hexadecimal color #afbdfd

This text has a font color of #afbdfd.

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

#afbdfd background color

This paragraph has a background color of #afbdfd.

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

#afbdfd border color

This element has a border color of #afbdfd.

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

CSS codes

.text {color:#afbdfd;}

.background {background-color:#afbdfd;}

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

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

#000310
```
#000310 rgb(0,3,16)
```
#010723
```
#010723 rgb(1,7,35)
```
#010b36
```
#010b36 rgb(1,11,54)
```
#020f49
```
#020f49 rgb(2,15,73)
```
#02125c
```
#02125c rgb(2,18,92)
```
#03166f
```
#03166f rgb(3,22,111)
```
#031a83
```
#031a83 rgb(3,26,131)
```
#041e96
```
#041e96 rgb(4,30,150)
```
#0422a9
```
#0422a9 rgb(4,34,169)
```
#0526bc
```
#0526bc rgb(5,38,188)
```
#0529cf
```
#0529cf rgb(5,41,207)
```
#062de2
```
#062de2 rgb(6,45,226)
```
#0631f5
```
#0631f5 rgb(6,49,245)
```

Shade Color Variation

#163ff9
```
#163ff9 rgb(22,63,249)
```
#294efa
```
#294efa rgb(41,78,250)
```
#3c5efa
```
#3c5efa rgb(60,94,250)
```
#4f6efb
```
#4f6efb rgb(79,110,251)
```
#627efb
```
#627efb rgb(98,126,251)
```
#768efc
```
#768efc rgb(118,142,252)
```
#899dfc
```
#899dfc rgb(137,157,252)
```
#9cadfd
```
#9cadfd rgb(156,173,253)
```
#afbdfd
```
#afbdfd rgb(175,189,253)
```
#c2cdfd
```
#c2cdfd rgb(194,205,253)
```
#d5ddfe
```
#d5ddfe rgb(213,221,254)
```
#e8ecfe
```
#e8ecfe rgb(232,236,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 #afbdfd is the most saturated one.

#d5d5d7
```
#d5d5d7 rgb(213,213,215)
```
#d2d3da
```
#d2d3da rgb(210,211,218)
```
#cfd1dd
```
#cfd1dd rgb(207,209,221)
```
#cbcfe1
```
#cbcfe1 rgb(203,207,225)
```
#c8cde4
```
#c8cde4 rgb(200,205,228)
```
#c5cbe7
```
#c5cbe7 rgb(197,203,231)
```
#c2c9ea
```
#c2c9ea rgb(194,201,234)
```
#bfc7ed
```
#bfc7ed rgb(191,199,237)
```
#bcc5f0
```
#bcc5f0 rgb(188,197,240)
```
#b8c3f4
```
#b8c3f4 rgb(184,195,244)
```
#b5c1f7
```
#b5c1f7 rgb(181,193,247)
```
#b2bffa
```
#b2bffa rgb(178,191,250)
```
#afbdfd
```
#afbdfd rgb(175,189,253)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bdbfcc Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1c0fd Protanopia 1% of men
#b3c0fd Deuteranopia 1% of men
#a8c8d6 Tritanopia 0.001% of the population

Trichromacy

#b0bffd Protanomaly 1% of men, 0.01% of women
#b1bffd Deuteranomaly 6% of men, 0.4% of women
#abc4e4 Tritanomaly 0.01% of the population

#afbdfd hex color

#afbdfd Color Information

#afbdfd Color Conversion

Color Schemes with #afbdfd

Alternatives to #afbdfd

#afbdfd Preview

Shades and Tints of #afbdfd

Tones of #afbdfd

Color Blindness Simulator