#afaafe hex color

In a RGB color space, hex #afaafe is composed of 68.6% red, 66.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 33.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 243.6 degrees, a saturation of 97.7% and a lightness of 83.1%. #afaafe color hex could be obtained by blending #ffffff with #5f55fd. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 69
- G 67
- B 100
RGB color chart
- C 31
- M 33
- Y 0
- K 0
CMYK color chart

● #afaafe color description : Very soft blue.

The hexadecimal color #afaafe has RGB values of R:175, G:170, B:254 and CMYK values of C:0.31, M:0.33, Y:0, K:0. Its decimal value is 11512574.

Hex triplet	afaafe	`#afaafe`
RGB Decimal	175, 170, 254	`rgb(175,170,254)`
RGB Percent	68.6, 66.7, 99.6	`rgb(68.6%,66.7%,99.6%)`
CMYK	31, 33, 0, 0
HSL	243.6°, 97.7, 83.1	`hsl(243.6,97.7%,83.1%)`
HSV (or HSB)	243.6°, 33.1, 99.6
Web Safe	9999ff	`#9999ff`

CIE-LAB	72.904, 20.259, -41.006
XYZ	49.94, 45.018, 99.819
xyY	0.256, 0.231, 45.018
CIE-LCH	72.904, 45.737, 296.291
CIE-LUV	72.904, -2.739, -69.116
Hunter-Lab	67.096, 15.441, -41.239
Binary	10101111, 10101010, 11111110

#afaafe
```
#afaafe rgb(175,170,254)
```
#f9feaa
```
#f9feaa rgb(249,254,170)
```

Complementary Color

#aacffe
```
#aacffe rgb(170,207,254)
```
#afaafe
```
#afaafe rgb(175,170,254)
```
#d9aafe
```
#d9aafe rgb(217,170,254)
```

Analogous Color

#cffeaa
```
#cffeaa rgb(207,254,170)
```
#afaafe
```
#afaafe rgb(175,170,254)
```
#fed9aa
```
#fed9aa rgb(254,217,170)
```

Split Complementary Color

#aafeaf
```
#aafeaf rgb(170,254,175)
```
#afaafe
```
#afaafe rgb(175,170,254)
```
#feafaa
```
#feafaa rgb(254,175,170)
```

Triadic Color

#aaf9fe
```
#aaf9fe rgb(170,249,254)
```
#afaafe
```
#afaafe rgb(175,170,254)
```
#feafaa
```
#feafaa rgb(254,175,170)
```
#f9feaa
```
#f9feaa rgb(249,254,170)
```

Tetradic Color

#685efd
```
#685efd rgb(104,94,253)
```
#8078fd
```
#8078fd rgb(128,120,253)
```
#9791fe
```
#9791fe rgb(151,145,254)
```
#afaafe
```
#afaafe rgb(175,170,254)
```
#c7c3fe
```
#c7c3fe rgb(199,195,254)
```
#dedcff
```
#dedcff rgb(222,220,255)
```
#f6f6ff
```
#f6f6ff rgb(246,246,255)
```

Monochromatic Color

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

#aabafe
```
#aabafe rgb(170,186,254)
```
#aab3fe
```
#aab3fe rgb(170,179,254)
```
#aaacfe
```
#aaacfe rgb(170,172,254)
```
#afaafe
```
#afaafe rgb(175,170,254)
```
#b6aafe
```
#b6aafe rgb(182,170,254)
```
#bdaafe
```
#bdaafe rgb(189,170,254)
```
#c4aafe
```
#c4aafe rgb(196,170,254)
```

Similar Colors

Text with hexadecimal color #afaafe

This text has a font color of #afaafe.

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

#afaafe background color

This paragraph has a background color of #afaafe.

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

#afaafe border color

This element has a border color of #afaafe.

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

CSS codes

.text {color:#afaafe;}

.background {background-color:#afaafe;}

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

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, #01000c is the darkest color, while #f8f8ff is the lightest one.

#01000c
```
#01000c rgb(1,0,12)
```
#02001f
```
#02001f rgb(2,0,31)
```
#040133
```
#040133 rgb(4,1,51)
```
#050146
```
#050146 rgb(5,1,70)
```
#060159
```
#060159 rgb(6,1,89)
```
#08016d
```
#08016d rgb(8,1,109)
```
#090280
```
#090280 rgb(9,2,128)
```
#0a0294
```
#0a0294 rgb(10,2,148)
```
#0c02a7
```
#0c02a7 rgb(12,2,167)
```
#0d02ba
```
#0d02ba rgb(13,2,186)
```
#0f02ce
```
#0f02ce rgb(15,2,206)
```
#1003e1
```
#1003e1 rgb(16,3,225)
```
#1103f5
```
#1103f5 rgb(17,3,245)
```

Shade Color Variation

#1d0ffc
```
#1d0ffc rgb(29,15,252)
```
#2f22fc
```
#2f22fc rgb(47,34,252)
```
#4236fd
```
#4236fd rgb(66,54,253)
```
#5449fd
```
#5449fd rgb(84,73,253)
```
#665cfd
```
#665cfd rgb(102,92,253)
```
#7870fd
```
#7870fd rgb(120,112,253)
```
#8b83fe
```
#8b83fe rgb(139,131,254)
```
#9d97fe
```
#9d97fe rgb(157,151,254)
```
#afaafe
```
#afaafe rgb(175,170,254)
```
#c1bdfe
```
#c1bdfe rgb(193,189,254)
```
#d3d1fe
```
#d3d1fe rgb(211,209,254)
```
#e6e4ff
```
#e6e4ff rgb(230,228,255)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

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

#d2d2d6
```
#d2d2d6 rgb(210,210,214)
```
#cfceda
```
#cfceda rgb(207,206,218)
```
#cccbdd
```
#cccbdd rgb(204,203,221)
```
#c9c8e0
```
#c9c8e0 rgb(201,200,224)
```
#c6c4e4
```
#c6c4e4 rgb(198,196,228)
```
#c3c1e7
```
#c3c1e7 rgb(195,193,231)
```
#c0beea
```
#c0beea rgb(192,190,234)
```
#bebbed
```
#bebbed rgb(190,187,237)
```
#bbb7f1
```
#bbb7f1 rgb(187,183,241)
```
#b8b4f4
```
#b8b4f4 rgb(184,180,244)
```
#b5b1f7
```
#b5b1f7 rgb(181,177,247)
```
#b2adfb
```
#b2adfb rgb(178,173,251)
```
#afaafe
```
#afaafe rgb(175,170,254)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b4b3c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cb4ff Protanopia 1% of men
#9bb5fb Deuteranopia 1% of men
#a5b9c7 Tritanopia 0.001% of the population

Trichromacy

#a3b0fe Protanomaly 1% of men, 0.01% of women
#a2b1fc Deuteranomaly 6% of men, 0.4% of women
#a8b4db Tritanomaly 0.01% of the population

#afaafe hex color

#afaafe Color Information

#afaafe Color Conversion

Color Schemes with #afaafe

Alternatives to #afaafe

#afaafe Preview

Shades and Tints of #afaafe

Tones of #afaafe

Color Blindness Simulator