#afabe4 hex color

In a RGB color space, hex #afabe4 is composed of 68.6% red, 67.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 25% magenta, 0% yellow and 10.6% black. It has a hue angle of 244.2 degrees, a saturation of 51.4% and a lightness of 78.2%. #afabe4 color hex could be obtained by blending #ffffff with #5f57c9. Closest websafe color is: #9999cc.

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

● #afabe4 color description : Very soft blue.

The hexadecimal color #afabe4 has RGB values of R:175, G:171, B:228 and CMYK values of C:0.23, M:0.25, Y:0, K:0.11. Its decimal value is 11512804.

Hex triplet	afabe4	`#afabe4`
RGB Decimal	175, 171, 228	`rgb(175,171,228)`
RGB Percent	68.6, 67.1, 89.4	`rgb(68.6%,67.1%,89.4%)`
CMYK	23, 25, 0, 11
HSL	244.2°, 51.4, 78.2	`hsl(244.2,51.4%,78.2%)`
HSV (or HSB)	244.2°, 25, 89.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.122, 13.418, -28.099
XYZ	46.243, 43.841, 79.42
xyY	0.273, 0.259, 43.841
CIE-LCH	72.122, 31.138, 295.525
CIE-LUV	72.122, -1.409, -46.436
Hunter-Lab	66.212, 8.794, -24.768
Binary	10101111, 10101011, 11100100

#afabe4
```
#afabe4 rgb(175,171,228)
```
#e0e4ab
```
#e0e4ab rgb(224,228,171)
```

Complementary Color

#abc4e4
```
#abc4e4 rgb(171,196,228)
```
#afabe4
```
#afabe4 rgb(175,171,228)
```
#ccabe4
```
#ccabe4 rgb(204,171,228)
```

Analogous Color

#c4e4ab
```
#c4e4ab rgb(196,228,171)
```
#afabe4
```
#afabe4 rgb(175,171,228)
```
#e4ccab
```
#e4ccab rgb(228,204,171)
```

Split Complementary Color

#abe4af
```
#abe4af rgb(171,228,175)
```
#afabe4
```
#afabe4 rgb(175,171,228)
```
#e4afab
```
#e4afab rgb(228,175,171)
```

Triadic Color

#abe0e4
```
#abe0e4 rgb(171,224,228)
```
#afabe4
```
#afabe4 rgb(175,171,228)
```
#e4afab
```
#e4afab rgb(228,175,171)
```
#e0e4ab
```
#e0e4ab rgb(224,228,171)
```

Tetradic Color

#7871d1
```
#7871d1 rgb(120,113,209)
```
#8a84d8
```
#8a84d8 rgb(138,132,216)
```
#9d98de
```
#9d98de rgb(157,152,222)
```
#afabe4
```
#afabe4 rgb(175,171,228)
```
#c1beea
```
#c1beea rgb(193,190,234)
```
#d4d2f0
```
#d4d2f0 rgb(212,210,240)
```
#e6e5f7
```
#e6e5f7 rgb(230,229,247)
```

Monochromatic Color

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

#abb5e4
```
#abb5e4 rgb(171,181,228)
```
#abb1e4
```
#abb1e4 rgb(171,177,228)
```
#abace4
```
#abace4 rgb(171,172,228)
```
#afabe4
```
#afabe4 rgb(175,171,228)
```
#b4abe4
```
#b4abe4 rgb(180,171,228)
```
#b9abe4
```
#b9abe4 rgb(185,171,228)
```
#bdabe4
```
#bdabe4 rgb(189,171,228)
```

Similar Colors

Text with hexadecimal color #afabe4

This text has a font color of #afabe4.

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

#afabe4 background color

This paragraph has a background color of #afabe4.

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

#afabe4 border color

This element has a border color of #afabe4.

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

CSS codes

.text {color:#afabe4;}

.background {background-color:#afabe4;}

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

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

#020205
```
#020205 rgb(2,2,5)
```
#070614
```
#070614 rgb(7,6,20)
```
#0d0b23
```
#0d0b23 rgb(13,11,35)
```
#121032
```
#121032 rgb(18,16,50)
```
#181540
```
#181540 rgb(24,21,64)
```
#1d194f
```
#1d194f rgb(29,25,79)
```
#231e5e
```
#231e5e rgb(35,30,94)
```
#28236d
```
#28236d rgb(40,35,109)
```
#2e287c
```
#2e287c rgb(46,40,124)
```
#332d8b
```
#332d8b rgb(51,45,139)
```
#39319a
```
#39319a rgb(57,49,154)
```
#3e36a8
```
#3e36a8 rgb(62,54,168)
```
#443bb7
```
#443bb7 rgb(68,59,183)
```

Shade Color Variation

#4c43c3
```
#4c43c3 rgb(76,67,195)
```
#5a52c7
```
#5a52c7 rgb(90,82,199)
```
#6861cc
```
#6861cc rgb(104,97,204)
```
#7670d1
```
#7670d1 rgb(118,112,209)
```
#857ed6
```
#857ed6 rgb(133,126,214)
```
#938dda
```
#938dda rgb(147,141,218)
```
#a19cdf
```
#a19cdf rgb(161,156,223)
```
#afabe4
```
#afabe4 rgb(175,171,228)
```
#bdbae9
```
#bdbae9 rgb(189,186,233)
```
#cbc9ee
```
#cbc9ee rgb(203,201,238)
```
#d9d8f2
```
#d9d8f2 rgb(217,216,242)
```
#e8e6f7
```
#e8e6f7 rgb(232,230,247)
```
#f6f5fc
```
#f6f5fc rgb(246,245,252)
```

Tint Color Variation

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

#c5c5ca
```
#c5c5ca rgb(197,197,202)
```
#c1c0cf
```
#c1c0cf rgb(193,192,207)
```
#bebcd3
```
#bebcd3 rgb(190,188,211)
```
#bab8d7
```
#bab8d7 rgb(186,184,215)
```
#b6b4db
```
#b6b4db rgb(182,180,219)
```
#b3afe0
```
#b3afe0 rgb(179,175,224)
```
#afabe4
```
#afabe4 rgb(175,171,228)
```
#aba7e8
```
#aba7e8 rgb(171,167,232)
```
#a8a2ed
```
#a8a2ed rgb(168,162,237)
```
#a49ef1
```
#a49ef1 rgb(164,158,241)
```
#a09af5
```
#a09af5 rgb(160,154,245)
```
#9d96f9
```
#9d96f9 rgb(157,150,249)
```
#9991fe
```
#9991fe rgb(153,145,254)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b2b1bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b2e7 Protanopia 1% of men
#aab1e4 Deuteranopia 1% of men
#abb6c3 Tritanopia 0.001% of the population

Trichromacy

#a9b0e6 Protanomaly 1% of men, 0.01% of women
#acafe4 Deuteranomaly 6% of men, 0.4% of women
#acb2cf Tritanomaly 0.01% of the population

#afabe4 hex color

#afabe4 Color Information

#afabe4 Color Conversion

Color Schemes with #afabe4

Alternatives to #afabe4

#afabe4 Preview

Shades and Tints of #afabe4

Tones of #afabe4

Color Blindness Simulator