#afb7e5 hex color

In a RGB color space, hex #afb7e5 is composed of 68.6% red, 71.8% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 20.1% magenta, 0% yellow and 10.2% black. It has a hue angle of 231.1 degrees, a saturation of 50.9% and a lightness of 79.2%. #afb7e5 color hex could be obtained by blending #ffffff with #5f6fcb. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 72
- B 90
RGB color chart
- C 24
- M 20
- Y 0
- K 10
CMYK color chart

● #afb7e5 color description : Very soft blue.

The hexadecimal color #afb7e5 has RGB values of R:175, G:183, B:229 and CMYK values of C:0.24, M:0.2, Y:0, K:0.1. Its decimal value is 11515877.

Hex triplet	afb7e5	`#afb7e5`
RGB Decimal	175, 183, 229	`rgb(175,183,229)`
RGB Percent	68.6, 71.8, 89.8	`rgb(68.6%,71.8%,89.8%)`
CMYK	24, 20, 0, 10
HSL	231.1°, 50.9, 79.2	`hsl(231.1,50.9%,79.2%)`
HSV (or HSB)	231.1°, 23.6, 89.8
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.225, 7.031, -23.893
XYZ	48.753, 48.637, 80.944
xyY	0.273, 0.273, 48.637
CIE-LCH	75.225, 24.906, 286.398
CIE-LUV	75.225, -6.715, -38.789
Hunter-Lab	69.74, 2.736, -19.996
Binary	10101111, 10110111, 11100101

#afb7e5
```
#afb7e5 rgb(175,183,229)
```
#e5ddaf
```
#e5ddaf rgb(229,221,175)
```

Complementary Color

#afd2e5
```
#afd2e5 rgb(175,210,229)
```
#afb7e5
```
#afb7e5 rgb(175,183,229)
```
#c2afe5
```
#c2afe5 rgb(194,175,229)
```

Analogous Color

#d2e5af
```
#d2e5af rgb(210,229,175)
```
#afb7e5
```
#afb7e5 rgb(175,183,229)
```
#e5c2af
```
#e5c2af rgb(229,194,175)
```

Split Complementary Color

#b7e5af
```
#b7e5af rgb(183,229,175)
```
#afb7e5
```
#afb7e5 rgb(175,183,229)
```
#e5afb7
```
#e5afb7 rgb(229,175,183)
```

Triadic Color

#afe5dd
```
#afe5dd rgb(175,229,221)
```
#afb7e5
```
#afb7e5 rgb(175,183,229)
```
#e5afb7
```
#e5afb7 rgb(229,175,183)
```
#e5ddaf
```
#e5ddaf rgb(229,221,175)
```

Tetradic Color

#7583d2
```
#7583d2 rgb(117,131,210)
```
#8994d8
```
#8994d8 rgb(137,148,216)
```
#9ca6df
```
#9ca6df rgb(156,166,223)
```
#afb7e5
```
#afb7e5 rgb(175,183,229)
```
#c2c8eb
```
#c2c8eb rgb(194,200,235)
```
#d5daf2
```
#d5daf2 rgb(213,218,242)
```
#e9ebf8
```
#e9ebf8 rgb(233,235,248)
```

Monochromatic Color

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

#afc5e5
```
#afc5e5 rgb(175,197,229)
```
#afc0e5
```
#afc0e5 rgb(175,192,229)
```
#afbce5
```
#afbce5 rgb(175,188,229)
```
#afb7e5
```
#afb7e5 rgb(175,183,229)
```
#afb3e5
```
#afb3e5 rgb(175,179,229)
```
#b0afe5
```
#b0afe5 rgb(176,175,229)
```
#b5afe5
```
#b5afe5 rgb(181,175,229)
```

Similar Colors

Text with hexadecimal color #afb7e5

This text has a font color of #afb7e5.

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

#afb7e5 background color

This paragraph has a background color of #afb7e5.

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

#afb7e5 border color

This element has a border color of #afb7e5.

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

CSS codes

.text {color:#afb7e5;}

.background {background-color:#afb7e5;}

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

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

#030409
```
#030409 rgb(3,4,9)
```
#080a18
```
#080a18 rgb(8,10,24)
```
#0c1026
```
#0c1026 rgb(12,16,38)
```
#111735
```
#111735 rgb(17,23,53)
```
#161d44
```
#161d44 rgb(22,29,68)
```
#1b2353
```
#1b2353 rgb(27,35,83)
```
#202a62
```
#202a62 rgb(32,42,98)
```
#253070
```
#253070 rgb(37,48,112)
```
#29367f
```
#29367f rgb(41,54,127)
```
#2e3c8e
```
#2e3c8e rgb(46,60,142)
```
#33439d
```
#33439d rgb(51,67,157)
```
#3849ac
```
#3849ac rgb(56,73,172)
```
#3d4fba
```
#3d4fba rgb(61,79,186)
```

Shade Color Variation

#475ac3
```
#475ac3 rgb(71,90,195)
```
#5667c8
```
#5667c8 rgb(86,103,200)
```
#6574cd
```
#6574cd rgb(101,116,205)
```
#7482d2
```
#7482d2 rgb(116,130,210)
```
#838fd7
```
#838fd7 rgb(131,143,215)
```
#919cdb
```
#919cdb rgb(145,156,219)
```
#a0aae0
```
#a0aae0 rgb(160,170,224)
```
#afb7e5
```
#afb7e5 rgb(175,183,229)
```
#bec4ea
```
#bec4ea rgb(190,196,234)
```
#cdd2ef
```
#cdd2ef rgb(205,210,239)
```
#dbdff3
```
#dbdff3 rgb(219,223,243)
```
#eaecf8
```
#eaecf8 rgb(234,236,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#c7c8cd
```
#c7c8cd rgb(199,200,205)
```
#c3c5d1
```
#c3c5d1 rgb(195,197,209)
```
#bfc2d5
```
#bfc2d5 rgb(191,194,213)
```
#bbc0d9
```
#bbc0d9 rgb(187,192,217)
```
#b7bddd
```
#b7bddd rgb(183,189,221)
```
#b3bae1
```
#b3bae1 rgb(179,186,225)
```
#afb7e5
```
#afb7e5 rgb(175,183,229)
```
#abb4e9
```
#abb4e9 rgb(171,180,233)
```
#a7b1ed
```
#a7b1ed rgb(167,177,237)
```
#a3aef1
```
#a3aef1 rgb(163,174,241)
```
#9facf5
```
#9facf5 rgb(159,172,245)
```
#9ba9f9
```
#9ba9f9 rgb(155,169,249)
```
#97a6fd
```
#97a6fd rgb(151,166,253)
```

Tone Color Variation

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

Dichromacy

#b1bbe6 Protanopia 1% of men
#b7b9e6 Deuteranopia 1% of men
#adbfcd Tritanopia 0.001% of the population

Trichromacy

#b0b9e6 Protanomaly 1% of men, 0.01% of women
#b4b8e6 Deuteranomaly 6% of men, 0.4% of women
#adbcd5 Tritanomaly 0.01% of the population

#afb7e5 hex color

#afb7e5 Color Information

#afb7e5 Color Conversion

Color Schemes with #afb7e5

Alternatives to #afb7e5

#afb7e5 Preview

Shades and Tints of #afb7e5

Tones of #afb7e5

Color Blindness Simulator