#afbaef hex color

In a RGB color space, hex #afbaef is composed of 68.6% red, 72.9% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 22.2% magenta, 0% yellow and 6.3% black. It has a hue angle of 229.7 degrees, a saturation of 66.7% and a lightness of 81.2%. #afbaef color hex could be obtained by blending #ffffff with #5f75df. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 73
- B 94
RGB color chart
- C 27
- M 22
- Y 0
- K 6
CMYK color chart

● #afbaef color description : Very soft blue.

The hexadecimal color #afbaef has RGB values of R:175, G:186, B:239 and CMYK values of C:0.27, M:0.22, Y:0, K:0.06. Its decimal value is 11516655.

Hex triplet	afbaef	`#afbaef`
RGB Decimal	175, 186, 239	`rgb(175,186,239)`
RGB Percent	68.6, 72.9, 93.7	`rgb(68.6%,72.9%,93.7%)`
CMYK	27, 22, 0, 6
HSL	229.7°, 66.7, 81.2	`hsl(229.7,66.7%,81.2%)`
HSV (or HSB)	229.7°, 26.8, 93.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	76.352, 7.737, -27.574
XYZ	50.815, 50.463, 88.72
xyY	0.267, 0.266, 50.463
CIE-LCH	76.352, 28.639, 285.674
CIE-LUV	76.352, -8.507, -45.093
Hunter-Lab	71.037, 3.371, -24.322
Binary	10101111, 10111010, 11101111

#afbaef
```
#afbaef rgb(175,186,239)
```
#efe4af
```
#efe4af rgb(239,228,175)
```

Complementary Color

#afdaef
```
#afdaef rgb(175,218,239)
```
#afbaef
```
#afbaef rgb(175,186,239)
```
#c4afef
```
#c4afef rgb(196,175,239)
```

Analogous Color

#daefaf
```
#daefaf rgb(218,239,175)
```
#afbaef
```
#afbaef rgb(175,186,239)
```
#efc4af
```
#efc4af rgb(239,196,175)
```

Split Complementary Color

#baefaf
```
#baefaf rgb(186,239,175)
```
#afbaef
```
#afbaef rgb(175,186,239)
```
#efafba
```
#efafba rgb(239,175,186)
```

Triadic Color

#afefe4
```
#afefe4 rgb(175,239,228)
```
#afbaef
```
#afbaef rgb(175,186,239)
```
#efafba
```
#efafba rgb(239,175,186)
```
#efe4af
```
#efe4af rgb(239,228,175)
```

Tetradic Color

#6f83e2
```
#6f83e2 rgb(111,131,226)
```
#8595e7
```
#8595e7 rgb(133,149,231)
```
#9aa8eb
```
#9aa8eb rgb(154,168,235)
```
#afbaef
```
#afbaef rgb(175,186,239)
```
#c4ccf3
```
#c4ccf3 rgb(196,204,243)
```
#dadff8
```
#dadff8 rgb(218,223,248)
```
#eff1fc
```
#eff1fc rgb(239,241,252)
```

Monochromatic Color

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

#afcaef
```
#afcaef rgb(175,202,239)
```
#afc5ef
```
#afc5ef rgb(175,197,239)
```
#afbfef
```
#afbfef rgb(175,191,239)
```
#afbaef
```
#afbaef rgb(175,186,239)
```
#afb5ef
```
#afb5ef rgb(175,181,239)
```
#afafef
```
#afafef rgb(175,175,239)
```
#b4afef
```
#b4afef rgb(180,175,239)
```

Similar Colors

Text with hexadecimal color #afbaef

This text has a font color of #afbaef.

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

#afbaef background color

This paragraph has a background color of #afbaef.

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

#afbaef border color

This element has a border color of #afbaef.

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

CSS codes

.text {color:#afbaef;}

.background {background-color:#afbaef;}

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040612
```
#040612 rgb(4,6,18)
```
#070c22
```
#070c22 rgb(7,12,34)
```
#0a1133
```
#0a1133 rgb(10,17,51)
```
#0d1743
```
#0d1743 rgb(13,23,67)
```
#111c53
```
#111c53 rgb(17,28,83)
```
#142264
```
#142264 rgb(20,34,100)
```
#172774
```
#172774 rgb(23,39,116)
```
#1b2d85
```
#1b2d85 rgb(27,45,133)
```
#1e3295
```
#1e3295 rgb(30,50,149)
```
#2138a5
```
#2138a5 rgb(33,56,165)
```
#243db6
```
#243db6 rgb(36,61,182)
```
#2843c6
```
#2843c6 rgb(40,67,198)
```

Shade Color Variation

#2c49d5
```
#2c49d5 rgb(44,73,213)
```
#3d57d8
```
#3d57d8 rgb(61,87,216)
```
#4d65db
```
#4d65db rgb(77,101,219)
```
#5d74df
```
#5d74df rgb(93,116,223)
```
#6e82e2
```
#6e82e2 rgb(110,130,226)
```
#7e90e5
```
#7e90e5 rgb(126,144,229)
```
#8e9ee8
```
#8e9ee8 rgb(142,158,232)
```
#9facec
```
#9facec rgb(159,172,236)
```
#afbaef
```
#afbaef rgb(175,186,239)
```
#bfc8f2
```
#bfc8f2 rgb(191,200,242)
```
#d0d6f6
```
#d0d6f6 rgb(208,214,246)
```
#e0e4f9
```
#e0e4f9 rgb(224,228,249)
```
#f0f2fc
```
#f0f2fc rgb(240,242,252)
```

Tint Color Variation

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

#cdcdd1
```
#cdcdd1 rgb(205,205,209)
```
#c9cbd5
```
#c9cbd5 rgb(201,203,213)
```
#c5c9d9
```
#c5c9d9 rgb(197,201,217)
```
#c1c6dd
```
#c1c6dd rgb(193,198,221)
```
#bec4e0
```
#bec4e0 rgb(190,196,224)
```
#bac1e4
```
#bac1e4 rgb(186,193,228)
```
#b6bfe8
```
#b6bfe8 rgb(182,191,232)
```
#b3bceb
```
#b3bceb rgb(179,188,235)
```
#afbaef
```
#afbaef rgb(175,186,239)
```
#abb8f3
```
#abb8f3 rgb(171,184,243)
```
#a8b5f6
```
#a8b5f6 rgb(168,181,246)
```
#a4b3fa
```
#a4b3fa rgb(164,179,250)
```
#a0b0fe
```
#a0b0fe rgb(160,176,254)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#babcc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bdf0 Protanopia 1% of men
#b6bcf0 Deuteranopia 1% of men
#abc3d1 Tritanopia 0.001% of the population

Trichromacy

#b0bcef Protanomaly 1% of men, 0.01% of women
#b3bbef Deuteranomaly 6% of men, 0.4% of women
#acbfdc Tritanomaly 0.01% of the population

#afbaef hex color

#afbaef Color Information

#afbaef Color Conversion

Color Schemes with #afbaef

Alternatives to #afbaef

#afbaef Preview

Shades and Tints of #afbaef

Tones of #afbaef

Color Blindness Simulator