#afb8de hex color

In a RGB color space, hex #afb8de is composed of 68.6% red, 72.2% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 17.1% magenta, 0% yellow and 12.9% black. It has a hue angle of 228.5 degrees, a saturation of 41.6% and a lightness of 77.8%. #afb8de color hex could be obtained by blending #ffffff with #5f71bd. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 72
- B 87
RGB color chart
- C 21
- M 17
- Y 0
- K 13
CMYK color chart

● #afb8de color description : Very soft blue.

The hexadecimal color #afb8de has RGB values of R:175, G:184, B:222 and CMYK values of C:0.21, M:0.17, Y:0, K:0.13. Its decimal value is 11516126.

Hex triplet	afb8de	`#afb8de`
RGB Decimal	175, 184, 222	`rgb(175,184,222)`
RGB Percent	68.6, 72.2, 87.1	`rgb(68.6%,72.2%,87.1%)`
CMYK	21, 17, 0, 13
HSL	228.5°, 41.6, 77.8	`hsl(228.5,41.6%,77.8%)`
HSV (or HSB)	228.5°, 21.2, 87.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.244, 4.882, -20.068
XYZ	48.002, 48.668, 75.968
xyY	0.278, 0.282, 48.668
CIE-LCH	75.244, 20.654, 283.674
CIE-LUV	75.244, -6.812, -32.186
Hunter-Lab	69.763, 0.737, -15.73
Binary	10101111, 10111000, 11011110

#afb8de
```
#afb8de rgb(175,184,222)
```
#ded5af
```
#ded5af rgb(222,213,175)
```

Complementary Color

#afd0de
```
#afd0de rgb(175,208,222)
```
#afb8de
```
#afb8de rgb(175,184,222)
```
#beafde
```
#beafde rgb(190,175,222)
```

Analogous Color

#d0deaf
```
#d0deaf rgb(208,222,175)
```
#afb8de
```
#afb8de rgb(175,184,222)
```
#debeaf
```
#debeaf rgb(222,190,175)
```

Split Complementary Color

#b8deaf
```
#b8deaf rgb(184,222,175)
```
#afb8de
```
#afb8de rgb(175,184,222)
```
#deafb8
```
#deafb8 rgb(222,175,184)
```

Triadic Color

#afded5
```
#afded5 rgb(175,222,213)
```
#afb8de
```
#afb8de rgb(175,184,222)
```
#deafb8
```
#deafb8 rgb(222,175,184)
```
#ded5af
```
#ded5af rgb(222,213,175)
```

Tetradic Color

#7988c8
```
#7988c8 rgb(121,136,200)
```
#8b98cf
```
#8b98cf rgb(139,152,207)
```
#9da8d7
```
#9da8d7 rgb(157,168,215)
```
#afb8de
```
#afb8de rgb(175,184,222)
```
#c1c8e5
```
#c1c8e5 rgb(193,200,229)
```
#d3d8ed
```
#d3d8ed rgb(211,216,237)
```
#e5e8f4
```
#e5e8f4 rgb(229,232,244)
```

Monochromatic Color

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

#afc4de
```
#afc4de rgb(175,196,222)
```
#afc0de
```
#afc0de rgb(175,192,222)
```
#afbcde
```
#afbcde rgb(175,188,222)
```
#afb8de
```
#afb8de rgb(175,184,222)
```
#afb4de
```
#afb4de rgb(175,180,222)
```
#afb0de
```
#afb0de rgb(175,176,222)
```
#b2afde
```
#b2afde rgb(178,175,222)
```

Similar Colors

Text with hexadecimal color #afb8de

This text has a font color of #afb8de.

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

#afb8de background color

This paragraph has a background color of #afb8de.

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

#afb8de border color

This element has a border color of #afb8de.

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

CSS codes

.text {color:#afb8de;}

.background {background-color:#afb8de;}

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

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

#010203
```
#010203 rgb(1,2,3)
```
#070911
```
#070911 rgb(7,9,17)
```
#0d101f
```
#0d101f rgb(13,16,31)
```
#13182d
```
#13182d rgb(19,24,45)
```
#181f3b
```
#181f3b rgb(24,31,59)
```
#1e2649
```
#1e2649 rgb(30,38,73)
```
#242d57
```
#242d57 rgb(36,45,87)
```
#293565
```
#293565 rgb(41,53,101)
```
#2f3c72
```
#2f3c72 rgb(47,60,114)
```
#354380
```
#354380 rgb(53,67,128)
```
#3b4b8e
```
#3b4b8e rgb(59,75,142)
```
#40529c
```
#40529c rgb(64,82,156)
```
#4659aa
```
#4659aa rgb(70,89,170)
```

Shade Color Variation

#4e62b6
```
#4e62b6 rgb(78,98,182)
```
#5c6ebc
```
#5c6ebc rgb(92,110,188)
```
#6a7ac1
```
#6a7ac1 rgb(106,122,193)
```
#7787c7
```
#7787c7 rgb(119,135,199)
```
#8593cd
```
#8593cd rgb(133,147,205)
```
#939fd3
```
#939fd3 rgb(147,159,211)
```
#a1acd8
```
#a1acd8 rgb(161,172,216)
```
#afb8de
```
#afb8de rgb(175,184,222)
```
#bdc4e4
```
#bdc4e4 rgb(189,196,228)
```
#cbd1e9
```
#cbd1e9 rgb(203,209,233)
```
#d9ddef
```
#d9ddef rgb(217,221,239)
```
#e7e9f5
```
#e7e9f5 rgb(231,233,245)
```
#f4f6fb
```
#f4f6fb rgb(244,246,251)
```

Tint Color Variation

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

#c5c5c8
```
#c5c5c8 rgb(197,197,200)
```
#c0c3cd
```
#c0c3cd rgb(192,195,205)
```
#bcc0d1
```
#bcc0d1 rgb(188,192,209)
```
#b8bdd5
```
#b8bdd5 rgb(184,189,213)
```
#b3bbda
```
#b3bbda rgb(179,187,218)
```
#afb8de
```
#afb8de rgb(175,184,222)
```
#abb5e2
```
#abb5e2 rgb(171,181,226)
```
#a6b3e7
```
#a6b3e7 rgb(166,179,231)
```
#a2b0eb
```
#a2b0eb rgb(162,176,235)
```
#9eadef
```
#9eadef rgb(158,173,239)
```
#99abf4
```
#99abf4 rgb(153,171,244)
```
#95a8f8
```
#95a8f8 rgb(149,168,248)
```
#91a5fc
```
#91a5fc rgb(145,165,252)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b8bac1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4bbdf Protanopia 1% of men
#bbb9e0 Deuteranopia 1% of men
#aebfcc Tritanopia 0.001% of the population

Trichromacy

#b2bade Protanomaly 1% of men, 0.01% of women
#b7b8df Deuteranomaly 6% of men, 0.4% of women
#aebcd3 Tritanomaly 0.01% of the population

#afb8de hex color

#afb8de Color Information

#afb8de Color Conversion

Color Schemes with #afb8de

Alternatives to #afb8de

#afb8de Preview

Shades and Tints of #afb8de

Tones of #afb8de

Color Blindness Simulator