#afafce hex color

In a RGB color space, hex #afafce is composed of 68.6% red, 68.6% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 15% magenta, 0% yellow and 19.2% black. It has a hue angle of 240 degrees, a saturation of 24% and a lightness of 74.7%. #afafce color hex could be obtained by blending #ffffff with #5f5f9d. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 69
- B 81
RGB color chart
- C 15
- M 15
- Y 0
- K 19
CMYK color chart

● #afafce color description : Grayish blue.

The hexadecimal color #afafce has RGB values of R:175, G:175, B:206 and CMYK values of C:0.15, M:0.15, Y:0, K:0.19. Its decimal value is 11513806.

Hex triplet	afafce	`#afafce`
RGB Decimal	175, 175, 206	`rgb(175,175,206)`
RGB Percent	68.6, 68.6, 80.8	`rgb(68.6%,68.6%,80.8%)`
CMYK	15, 15, 0, 19
HSL	240°, 24, 74.7	`hsl(240,24%,74.7%)`
HSV (or HSB)	240°, 15, 80.8
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.382, 6.265, -15.674
XYZ	44.148, 44.23, 64.6
xyY	0.289, 0.289, 44.23
CIE-LCH	72.382, 16.88, 291.788
CIE-LUV	72.382, -1.818, -25.146
Hunter-Lab	66.506, 2.107, -11.038
Binary	10101111, 10101111, 11001110

#afafce
```
#afafce rgb(175,175,206)
```
#ceceaf
```
#ceceaf rgb(206,206,175)
```

Complementary Color

#afbfce
```
#afbfce rgb(175,191,206)
```
#afafce
```
#afafce rgb(175,175,206)
```
#bfafce
```
#bfafce rgb(191,175,206)
```

Analogous Color

#bfceaf
```
#bfceaf rgb(191,206,175)
```
#afafce
```
#afafce rgb(175,175,206)
```
#cebfaf
```
#cebfaf rgb(206,191,175)
```

Split Complementary Color

#afceaf
```
#afceaf rgb(175,206,175)
```
#afafce
```
#afafce rgb(175,175,206)
```
#ceafaf
```
#ceafaf rgb(206,175,175)
```

Triadic Color

#afcece
```
#afcece rgb(175,206,206)
```
#afafce
```
#afafce rgb(175,175,206)
```
#ceafaf
```
#ceafaf rgb(206,175,175)
```
#ceceaf
```
#ceceaf rgb(206,206,175)
```

Tetradic Color

#8080b1
```
#8080b1 rgb(128,128,177)
```
#8f8fbb
```
#8f8fbb rgb(143,143,187)
```
#9f9fc4
```
#9f9fc4 rgb(159,159,196)
```
#afafce
```
#afafce rgb(175,175,206)
```
#bfbfd8
```
#bfbfd8 rgb(191,191,216)
```
#cfcfe1
```
#cfcfe1 rgb(207,207,225)
```
#dedeeb
```
#dedeeb rgb(222,222,235)
```

Monochromatic Color

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

#afb7ce
```
#afb7ce rgb(175,183,206)
```
#afb4ce
```
#afb4ce rgb(175,180,206)
```
#afb2ce
```
#afb2ce rgb(175,178,206)
```
#afafce
```
#afafce rgb(175,175,206)
```
#b2afce
```
#b2afce rgb(178,175,206)
```
#b4afce
```
#b4afce rgb(180,175,206)
```
#b7afce
```
#b7afce rgb(183,175,206)
```

Similar Colors

Text with hexadecimal color #afafce

This text has a font color of #afafce.

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

#afafce background color

This paragraph has a background color of #afafce.

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

#afafce border color

This element has a border color of #afafce.

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

CSS codes

.text {color:#afafce;}

.background {background-color:#afafce;}

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0b0b11
```
#0b0b11 rgb(11,11,17)
```
#12121d
```
#12121d rgb(18,18,29)
```
#1a1a2a
```
#1a1a2a rgb(26,26,42)
```
#212136
```
#212136 rgb(33,33,54)
```
#282842
```
#282842 rgb(40,40,66)
```
#30304e
```
#30304e rgb(48,48,78)
```
#37375a
```
#37375a rgb(55,55,90)
```
#3f3f66
```
#3f3f66 rgb(63,63,102)
```
#464673
```
#464673 rgb(70,70,115)
```
#4e4e7f
```
#4e4e7f rgb(78,78,127)
```
#55558b
```
#55558b rgb(85,85,139)
```
#5d5d97
```
#5d5d97 rgb(93,93,151)
```

Shade Color Variation

#6666a1
```
#6666a1 rgb(102,102,161)
```
#7272a9
```
#7272a9 rgb(114,114,169)
```
#7e7eb0
```
#7e7eb0 rgb(126,126,176)
```
#8b8bb8
```
#8b8bb8 rgb(139,139,184)
```
#9797bf
```
#9797bf rgb(151,151,191)
```
#a3a3c7
```
#a3a3c7 rgb(163,163,199)
```
#afafce
```
#afafce rgb(175,175,206)
```
#bbbbd5
```
#bbbbd5 rgb(187,187,213)
```
#c7c7dd
```
#c7c7dd rgb(199,199,221)
```
#d3d3e4
```
#d3d3e4 rgb(211,211,228)
```
#e0e0ec
```
#e0e0ec rgb(224,224,236)
```
#ececf3
```
#ececf3 rgb(236,236,243)
```
#f8f8fb
```
#f8f8fb rgb(248,248,251)
```

Tint Color Variation

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

#bebebf
```
#bebebf rgb(190,190,191)
```
#b9b9c4
```
#b9b9c4 rgb(185,185,196)
```
#b4b4c9
```
#b4b4c9 rgb(180,180,201)
```
#afafce
```
#afafce rgb(175,175,206)
```
#aaaad3
```
#aaaad3 rgb(170,170,211)
```
#a5a5d8
```
#a5a5d8 rgb(165,165,216)
```
#a0a0dd
```
#a0a0dd rgb(160,160,221)
```
#9b9be2
```
#9b9be2 rgb(155,155,226)
```
#9696e7
```
#9696e7 rgb(150,150,231)
```
#9191ec
```
#9191ec rgb(145,145,236)
```
#8c8cf1
```
#8c8cf1 rgb(140,140,241)
```
#8787f6
```
#8787f6 rgb(135,135,246)
```
#8282fb
```
#8282fb rgb(130,130,251)
```

Tone Color Variation

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

Dichromacy

#afb4d1 Protanopia 1% of men
#b8b1d1 Deuteranopia 1% of men
#b0b5c2 Tritanopia 0.001% of the population

Trichromacy

#afb2cf Protanomaly 1% of men, 0.01% of women
#b4b0cf Deuteranomaly 6% of men, 0.4% of women
#afb3c6 Tritanomaly 0.01% of the population

#afafce hex color

#afafce Color Information

#afafce Color Conversion

Color Schemes with #afafce

Alternatives to #afafce

#afafce Preview

Shades and Tints of #afafce

Tones of #afafce

Color Blindness Simulator