#afb0d8 hex color

In a RGB color space, hex #afb0d8 is composed of 68.6% red, 69% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 18.5% magenta, 0% yellow and 15.3% black. It has a hue angle of 238.5 degrees, a saturation of 34.5% and a lightness of 76.7%. #afb0d8 color hex could be obtained by blending #ffffff with #5f61b1. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 69
- B 85
RGB color chart
- C 19
- M 19
- Y 0
- K 15
CMYK color chart

● #afb0d8 color description : Grayish blue.

The hexadecimal color #afb0d8 has RGB values of R:175, G:176, B:216 and CMYK values of C:0.19, M:0.19, Y:0, K:0.15. Its decimal value is 11514072.

Hex triplet	afb0d8	`#afb0d8`
RGB Decimal	175, 176, 216	`rgb(175,176,216)`
RGB Percent	68.6, 69, 84.7	`rgb(68.6%,69%,84.7%)`
CMYK	19, 19, 0, 15
HSL	238.5°, 34.5, 76.7	`hsl(238.5,34.5%,76.7%)`
HSV (or HSB)	238.5°, 19, 84.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.972, 7.912, -20.251
XYZ	45.597, 45.122, 71.269
xyY	0.281, 0.279, 45.122
CIE-LCH	72.972, 21.741, 291.342
CIE-LUV	72.972, -2.875, -32.803
Hunter-Lab	67.173, 3.613, -15.884
Binary	10101111, 10110000, 11011000

#afb0d8
```
#afb0d8 rgb(175,176,216)
```
#d8d7af
```
#d8d7af rgb(216,215,175)
```

Complementary Color

#afc5d8
```
#afc5d8 rgb(175,197,216)
```
#afb0d8
```
#afb0d8 rgb(175,176,216)
```
#c3afd8
```
#c3afd8 rgb(195,175,216)
```

Analogous Color

#c5d8af
```
#c5d8af rgb(197,216,175)
```
#afb0d8
```
#afb0d8 rgb(175,176,216)
```
#d8c3af
```
#d8c3af rgb(216,195,175)
```

Split Complementary Color

#b0d8af
```
#b0d8af rgb(176,216,175)
```
#afb0d8
```
#afb0d8 rgb(175,176,216)
```
#d8afb0
```
#d8afb0 rgb(216,175,176)
```

Triadic Color

#afd8d7
```
#afd8d7 rgb(175,216,215)
```
#afb0d8
```
#afb0d8 rgb(175,176,216)
```
#d8afb0
```
#d8afb0 rgb(216,175,176)
```
#d8d7af
```
#d8d7af rgb(216,215,175)
```

Tetradic Color

#7c7dbf
```
#7c7dbf rgb(124,125,191)
```
#8d8ec7
```
#8d8ec7 rgb(141,142,199)
```
#9e9fd0
```
#9e9fd0 rgb(158,159,208)
```
#afb0d8
```
#afb0d8 rgb(175,176,216)
```
#c0c1e0
```
#c0c1e0 rgb(192,193,224)
```
#d1d2e9
```
#d1d2e9 rgb(209,210,233)
```
#e2e3f1
```
#e2e3f1 rgb(226,227,241)
```

Monochromatic Color

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

#afbad8
```
#afbad8 rgb(175,186,216)
```
#afb7d8
```
#afb7d8 rgb(175,183,216)
```
#afb3d8
```
#afb3d8 rgb(175,179,216)
```
#afb0d8
```
#afb0d8 rgb(175,176,216)
```
#b1afd8
```
#b1afd8 rgb(177,175,216)
```
#b5afd8
```
#b5afd8 rgb(181,175,216)
```
#b8afd8
```
#b8afd8 rgb(184,175,216)
```

Similar Colors

Text with hexadecimal color #afb0d8

This text has a font color of #afb0d8.

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

#afb0d8 background color

This paragraph has a background color of #afb0d8.

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

#afb0d8 border color

This element has a border color of #afb0d8.

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

CSS codes

.text {color:#afb0d8;}

.background {background-color:#afb0d8;}

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

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, #06060c is the darkest color, while #fefeff is the lightest one.

#06060c
```
#06060c rgb(6,6,12)
```
#0c0d19
```
#0c0d19 rgb(12,13,25)
```
#131327
```
#131327 rgb(19,19,39)
```
#191a34
```
#191a34 rgb(25,26,52)
```
#202141
```
#202141 rgb(32,33,65)
```
#26274e
```
#26274e rgb(38,39,78)
```
#2d2e5b
```
#2d2e5b rgb(45,46,91)
```
#333469
```
#333469 rgb(51,52,105)
```
#393b76
```
#393b76 rgb(57,59,118)
```
#404183
```
#404183 rgb(64,65,131)
```
#464890
```
#464890 rgb(70,72,144)
```
#4d4f9d
```
#4d4f9d rgb(77,79,157)
```
#5355ab
```
#5355ab rgb(83,85,171)
```

Shade Color Variation

#6062b1
```
#6062b1 rgb(96,98,177)
```
#6d6fb8
```
#6d6fb8 rgb(109,111,184)
```
#7a7cbe
```
#7a7cbe rgb(122,124,190)
```
#8789c5
```
#8789c5 rgb(135,137,197)
```
#9596cb
```
#9596cb rgb(149,150,203)
```
#a2a3d2
```
#a2a3d2 rgb(162,163,210)
```
#afb0d8
```
#afb0d8 rgb(175,176,216)
```
#bcbdde
```
#bcbdde rgb(188,189,222)
```
#c9cae5
```
#c9cae5 rgb(201,202,229)
```
#d7d7eb
```
#d7d7eb rgb(215,215,235)
```
#e4e4f2
```
#e4e4f2 rgb(228,228,242)
```
#f1f1f8
```
#f1f1f8 rgb(241,241,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#c1c1c6
```
#c1c1c6 rgb(193,193,198)
```
#bdbdca
```
#bdbdca rgb(189,189,202)
```
#b8b9cf
```
#b8b9cf rgb(184,185,207)
```
#b4b4d3
```
#b4b4d3 rgb(180,180,211)
```
#afb0d8
```
#afb0d8 rgb(175,176,216)
```
#aaacdd
```
#aaacdd rgb(170,172,221)
```
#a6a7e1
```
#a6a7e1 rgb(166,167,225)
```
#a1a3e6
```
#a1a3e6 rgb(161,163,230)
```
#9d9fea
```
#9d9fea rgb(157,159,234)
```
#989aef
```
#989aef rgb(152,154,239)
```
#9496f3
```
#9496f3 rgb(148,150,243)
```
#8f92f8
```
#8f92f8 rgb(143,146,248)
```
#8a8dfd
```
#8a8dfd rgb(138,141,253)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b3b3bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb5da Protanopia 1% of men
#b5b3da Deuteranopia 1% of men
#aeb7c5 Tritanopia 0.001% of the population

Trichromacy

#aeb3d9 Protanomaly 1% of men, 0.01% of women
#b3b2d9 Deuteranomaly 6% of men, 0.4% of women
#aeb5cc Tritanomaly 0.01% of the population

#afb0d8 hex color

#afb0d8 Color Information

#afb0d8 Color Conversion

Color Schemes with #afb0d8

Alternatives to #afb0d8

#afb0d8 Preview

Shades and Tints of #afb0d8

Tones of #afb0d8

Color Blindness Simulator