#afbcd5 hex color

In a RGB color space, hex #afbcd5 is composed of 68.6% red, 73.7% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 11.7% magenta, 0% yellow and 16.5% black. It has a hue angle of 219.5 degrees, a saturation of 31.1% and a lightness of 76.1%. #afbcd5 color hex could be obtained by blending #ffffff with #5f79ab. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 74
- B 84
RGB color chart
- C 18
- M 12
- Y 0
- K 16
CMYK color chart

● #afbcd5 color description : Grayish blue.

The hexadecimal color #afbcd5 has RGB values of R:175, G:188, B:213 and CMYK values of C:0.18, M:0.12, Y:0, K:0.16. Its decimal value is 11517141.

Hex triplet	afbcd5	`#afbcd5`
RGB Decimal	175, 188, 213	`rgb(175,188,213)`
RGB Percent	68.6, 73.7, 83.5	`rgb(68.6%,73.7%,83.5%)`
CMYK	18, 12, 0, 16
HSL	219.5°, 31.1, 76.1	`hsl(219.5,31.1%,76.1%)`
HSV (or HSB)	219.5°, 17.8, 83.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.998, 0.716, -14.05
XYZ	47.67, 49.884, 70.064
xyY	0.284, 0.298, 49.884
CIE-LCH	75.998, 14.068, 272.916
CIE-LUV	75.998, -8.219, -21.847
Hunter-Lab	70.628, -3.122, -9.376
Binary	10101111, 10111100, 11010101

#afbcd5
```
#afbcd5 rgb(175,188,213)
```
#d5c8af
```
#d5c8af rgb(213,200,175)
```

Complementary Color

#afcfd5
```
#afcfd5 rgb(175,207,213)
```
#afbcd5
```
#afbcd5 rgb(175,188,213)
```
#b5afd5
```
#b5afd5 rgb(181,175,213)
```

Analogous Color

#cfd5af
```
#cfd5af rgb(207,213,175)
```
#afbcd5
```
#afbcd5 rgb(175,188,213)
```
#d5b5af
```
#d5b5af rgb(213,181,175)
```

Split Complementary Color

#bcd5af
```
#bcd5af rgb(188,213,175)
```
#afbcd5
```
#afbcd5 rgb(175,188,213)
```
#d5afbc
```
#d5afbc rgb(213,175,188)
```

Triadic Color

#afd5c8
```
#afd5c8 rgb(175,213,200)
```
#afbcd5
```
#afbcd5 rgb(175,188,213)
```
#d5afbc
```
#d5afbc rgb(213,175,188)
```
#d5c8af
```
#d5c8af rgb(213,200,175)
```

Tetradic Color

#7d92bb
```
#7d92bb rgb(125,146,187)
```
#8ea0c3
```
#8ea0c3 rgb(142,160,195)
```
#9eaecc
```
#9eaecc rgb(158,174,204)
```
#afbcd5
```
#afbcd5 rgb(175,188,213)
```
#c0cade
```
#c0cade rgb(192,202,222)
```
#d0d8e7
```
#d0d8e7 rgb(208,216,231)
```
#e1e6ef
```
#e1e6ef rgb(225,230,239)
```

Monochromatic Color

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

#afc6d5
```
#afc6d5 rgb(175,198,213)
```
#afc2d5
```
#afc2d5 rgb(175,194,213)
```
#afbfd5
```
#afbfd5 rgb(175,191,213)
```
#afbcd5
```
#afbcd5 rgb(175,188,213)
```
#afb9d5
```
#afb9d5 rgb(175,185,213)
```
#afb6d5
```
#afb6d5 rgb(175,182,213)
```
#afb3d5
```
#afb3d5 rgb(175,179,213)
```

Similar Colors

Text with hexadecimal color #afbcd5

This text has a font color of #afbcd5.

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

#afbcd5 background color

This paragraph has a background color of #afbcd5.

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

#afbcd5 border color

This element has a border color of #afbcd5.

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

CSS codes

.text {color:#afbcd5;}

.background {background-color:#afbcd5;}

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

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, #05070a is the darkest color, while #fcfdfe is the lightest one.

#05070a
```
#05070a rgb(5,7,10)
```
#0c1017
```
#0c1017 rgb(12,16,23)
```
#131924
```
#131924 rgb(19,25,36)
```
#1a2131
```
#1a2131 rgb(26,33,49)
```
#202a3d
```
#202a3d rgb(32,42,61)
```
#27334a
```
#27334a rgb(39,51,74)
```
#2e3c57
```
#2e3c57 rgb(46,60,87)
```
#354564
```
#354564 rgb(53,69,100)
```
#3b4e71
```
#3b4e71 rgb(59,78,113)
```
#42567e
```
#42567e rgb(66,86,126)
```
#495f8b
```
#495f8b rgb(73,95,139)
```
#506898
```
#506898 rgb(80,104,152)
```
#5671a4
```
#5671a4 rgb(86,113,164)
```

Shade Color Variation

#627bac
```
#627bac rgb(98,123,172)
```
#6f86b3
```
#6f86b3 rgb(111,134,179)
```
#7c91ba
```
#7c91ba rgb(124,145,186)
```
#889cc1
```
#889cc1 rgb(136,156,193)
```
#95a6c7
```
#95a6c7 rgb(149,166,199)
```
#a2b1ce
```
#a2b1ce rgb(162,177,206)
```
#afbcd5
```
#afbcd5 rgb(175,188,213)
```
#bcc7dc
```
#bcc7dc rgb(188,199,220)
```
#c9d2e3
```
#c9d2e3 rgb(201,210,227)
```
#d6dce9
```
#d6dce9 rgb(214,220,233)
```
#e2e7f0
```
#e2e7f0 rgb(226,231,240)
```
#eff2f7
```
#eff2f7 rgb(239,242,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#c2c2c2
```
#c2c2c2 rgb(194,194,194)
```
#bdc0c7
```
#bdc0c7 rgb(189,192,199)
```
#b8bfcc
```
#b8bfcc rgb(184,191,204)
```
#b4bdd0
```
#b4bdd0 rgb(180,189,208)
```
#afbcd5
```
#afbcd5 rgb(175,188,213)
```
#aabbda
```
#aabbda rgb(170,187,218)
```
#a6b9de
```
#a6b9de rgb(166,185,222)
```
#a1b8e3
```
#a1b8e3 rgb(161,184,227)
```
#9cb6e8
```
#9cb6e8 rgb(156,182,232)
```
#98b5ec
```
#98b5ec rgb(152,181,236)
```
#93b3f1
```
#93b3f1 rgb(147,179,241)
```
#8eb2f6
```
#8eb2f6 rgb(142,178,246)
```
#89b0fb
```
#89b0fb rgb(137,176,251)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b9bbc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#babdd6 Protanopia 1% of men
#c3bad8 Deuteranopia 1% of men
#b1c0ce Tritanopia 0.001% of the population

Trichromacy

#b6bcd5 Protanomaly 1% of men, 0.01% of women
#bcbbd7 Deuteranomaly 6% of men, 0.4% of women
#b0bfd1 Tritanomaly 0.01% of the population

#afbcd5 hex color

#afbcd5 Color Information

#afbcd5 Color Conversion

Color Schemes with #afbcd5

Alternatives to #afbcd5

#afbcd5 Preview

Shades and Tints of #afbcd5

Tones of #afbcd5

Color Blindness Simulator