#afb8e4 hex color

In a RGB color space, hex #afb8e4 is composed of 68.6% red, 72.2% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 19.3% magenta, 0% yellow and 10.6% black. It has a hue angle of 229.8 degrees, a saturation of 49.5% and a lightness of 79%. #afb8e4 color hex could be obtained by blending #ffffff with #5f71c9. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 72
- B 89
RGB color chart
- C 23
- M 19
- Y 0
- K 11
CMYK color chart

● #afb8e4 color description : Very soft blue.

The hexadecimal color #afb8e4 has RGB values of R:175, G:184, B:228 and CMYK values of C:0.23, M:0.19, Y:0, K:0.11. Its decimal value is 11516132.

Hex triplet	afb8e4	`#afb8e4`
RGB Decimal	175, 184, 228	`rgb(175,184,228)`
RGB Percent	68.6, 72.2, 89.4	`rgb(68.6%,72.2%,89.4%)`
CMYK	23, 19, 0, 11
HSL	229.8°, 49.5, 79	`hsl(229.8,49.5%,79%)`
HSV (or HSB)	229.8°, 23.2, 89.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.449, 6.253, -23.011
XYZ	48.821, 48.996, 80.279
xyY	0.274, 0.275, 48.996
CIE-LCH	75.449, 23.845, 285.203
CIE-LUV	75.449, -7.106, -37.232
Hunter-Lab	69.997, 2.003, -19.002
Binary	10101111, 10111000, 11100100

#afb8e4
```
#afb8e4 rgb(175,184,228)
```
#e4dbaf
```
#e4dbaf rgb(228,219,175)
```

Complementary Color

#afd3e4
```
#afd3e4 rgb(175,211,228)
```
#afb8e4
```
#afb8e4 rgb(175,184,228)
```
#c1afe4
```
#c1afe4 rgb(193,175,228)
```

Analogous Color

#d3e4af
```
#d3e4af rgb(211,228,175)
```
#afb8e4
```
#afb8e4 rgb(175,184,228)
```
#e4c1af
```
#e4c1af rgb(228,193,175)
```

Split Complementary Color

#b8e4af
```
#b8e4af rgb(184,228,175)
```
#afb8e4
```
#afb8e4 rgb(175,184,228)
```
#e4afb8
```
#e4afb8 rgb(228,175,184)
```

Triadic Color

#afe4db
```
#afe4db rgb(175,228,219)
```
#afb8e4
```
#afb8e4 rgb(175,184,228)
```
#e4afb8
```
#e4afb8 rgb(228,175,184)
```
#e4dbaf
```
#e4dbaf rgb(228,219,175)
```

Tetradic Color

#7685d1
```
#7685d1 rgb(118,133,209)
```
#8996d7
```
#8996d7 rgb(137,150,215)
```
#9ca7de
```
#9ca7de rgb(156,167,222)
```
#afb8e4
```
#afb8e4 rgb(175,184,228)
```
#c2c9ea
```
#c2c9ea rgb(194,201,234)
```
#d5daf1
```
#d5daf1 rgb(213,218,241)
```
#e8ebf7
```
#e8ebf7 rgb(232,235,247)
```

Monochromatic Color

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

#afc5e4
```
#afc5e4 rgb(175,197,228)
```
#afc1e4
```
#afc1e4 rgb(175,193,228)
```
#afbce4
```
#afbce4 rgb(175,188,228)
```
#afb8e4
```
#afb8e4 rgb(175,184,228)
```
#afb4e4
```
#afb4e4 rgb(175,180,228)
```
#afafe4
```
#afafe4 rgb(175,175,228)
```
#b3afe4
```
#b3afe4 rgb(179,175,228)
```

Similar Colors

Text with hexadecimal color #afb8e4

This text has a font color of #afb8e4.

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

#afb8e4 background color

This paragraph has a background color of #afb8e4.

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

#afb8e4 border color

This element has a border color of #afb8e4.

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

CSS codes

.text {color:#afb8e4;}

.background {background-color:#afb8e4;}

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

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

#030408
```
#030408 rgb(3,4,8)
```
#080a17
```
#080a17 rgb(8,10,23)
```
#0d1125
```
#0d1125 rgb(13,17,37)
```
#121734
```
#121734 rgb(18,23,52)
```
#161e43
```
#161e43 rgb(22,30,67)
```
#1b2551
```
#1b2551 rgb(27,37,81)
```
#202b60
```
#202b60 rgb(32,43,96)
```
#25326f
```
#25326f rgb(37,50,111)
```
#2a387d
```
#2a387d rgb(42,56,125)
```
#2f3f8c
```
#2f3f8c rgb(47,63,140)
```
#34469b
```
#34469b rgb(52,70,155)
```
#394ca9
```
#394ca9 rgb(57,76,169)
```
#3e53b8
```
#3e53b8 rgb(62,83,184)
```

Shade Color Variation

#485dc1
```
#485dc1 rgb(72,93,193)
```
#576ac6
```
#576ac6 rgb(87,106,198)
```
#6677cb
```
#6677cb rgb(102,119,203)
```
#7484d0
```
#7484d0 rgb(116,132,208)
```
#8391d5
```
#8391d5 rgb(131,145,213)
```
#929eda
```
#929eda rgb(146,158,218)
```
#a0abdf
```
#a0abdf rgb(160,171,223)
```
#afb8e4
```
#afb8e4 rgb(175,184,228)
```
#bec5e9
```
#bec5e9 rgb(190,197,233)
```
#ccd2ee
```
#ccd2ee rgb(204,210,238)
```
#dbdff3
```
#dbdff3 rgb(219,223,243)
```
#eaecf8
```
#eaecf8 rgb(234,236,248)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

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

#c8c8cb
```
#c8c8cb rgb(200,200,203)
```
#c4c6cf
```
#c4c6cf rgb(196,198,207)
```
#bfc3d4
```
#bfc3d4 rgb(191,195,212)
```
#bbc0d8
```
#bbc0d8 rgb(187,192,216)
```
#b7bddc
```
#b7bddc rgb(183,189,220)
```
#b3bbe0
```
#b3bbe0 rgb(179,187,224)
```
#afb8e4
```
#afb8e4 rgb(175,184,228)
```
#abb5e8
```
#abb5e8 rgb(171,181,232)
```
#a7b3ec
```
#a7b3ec rgb(167,179,236)
```
#a3b0f0
```
#a3b0f0 rgb(163,176,240)
```
#9fadf4
```
#9fadf4 rgb(159,173,244)
```
#9aaaf9
```
#9aaaf9 rgb(154,170,249)
```
#96a8fd
```
#96a8fd rgb(150,168,253)
```

Tone Color Variation

Below, you can see how #afb8e4 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
#b8bac2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3bbe5 Protanopia 1% of men
#b9b9e6 Deuteranopia 1% of men
#adc0cd Tritanopia 0.001% of the population

Trichromacy

#b1bae4 Protanomaly 1% of men, 0.01% of women
#b5b9e5 Deuteranomaly 6% of men, 0.4% of women
#aebdd5 Tritanomaly 0.01% of the population

#afb8e4 hex color

#afb8e4 Color Information

#afb8e4 Color Conversion

Color Schemes with #afb8e4

Alternatives to #afb8e4

#afb8e4 Preview

Shades and Tints of #afb8e4

Tones of #afb8e4

Color Blindness Simulator