#afaffe hex color

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

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

● #afaffe color description : Very soft blue.

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

Hex triplet	afaffe	`#afaffe`
RGB Decimal	175, 175, 254	`rgb(175,175,254)`
RGB Percent	68.6, 68.6, 99.6	`rgb(68.6%,68.6%,99.6%)`
CMYK	31, 31, 0, 0
HSL	240°, 97.5, 84.1	`hsl(240,97.5%,84.1%)`
HSV (or HSB)	240°, 31.1, 99.6
Web Safe	9999ff	`#9999ff`

CIE-LAB	74.144, 17.469, -39.074
XYZ	50.895, 46.929, 100.137
xyY	0.257, 0.237, 46.929
CIE-LCH	74.144, 42.801, 294.088
CIE-LUV	74.144, -4.739, -65.627
Hunter-Lab	68.505, 12.732, -38.714
Binary	10101111, 10101111, 11111110

#afaffe
```
#afaffe rgb(175,175,254)
```
#fefeaf
```
#fefeaf rgb(254,254,175)
```

Complementary Color

#afd7fe
```
#afd7fe rgb(175,215,254)
```
#afaffe
```
#afaffe rgb(175,175,254)
```
#d7affe
```
#d7affe rgb(215,175,254)
```

Analogous Color

#d7feaf
```
#d7feaf rgb(215,254,175)
```
#afaffe
```
#afaffe rgb(175,175,254)
```
#fed7af
```
#fed7af rgb(254,215,175)
```

Split Complementary Color

#affeaf
```
#affeaf rgb(175,254,175)
```
#afaffe
```
#afaffe rgb(175,175,254)
```
#feafaf
```
#feafaf rgb(254,175,175)
```

Triadic Color

#affefe
```
#affefe rgb(175,254,254)
```
#afaffe
```
#afaffe rgb(175,175,254)
```
#feafaf
```
#feafaf rgb(254,175,175)
```
#fefeaf
```
#fefeaf rgb(254,254,175)
```

Tetradic Color

#6363fd
```
#6363fd rgb(99,99,253)
```
#7d7dfd
```
#7d7dfd rgb(125,125,253)
```
#9696fe
```
#9696fe rgb(150,150,254)
```
#afaffe
```
#afaffe rgb(175,175,254)
```
#c8c8fe
```
#c8c8fe rgb(200,200,254)
```
#e1e1ff
```
#e1e1ff rgb(225,225,255)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Monochromatic Color

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

#afc3fe
```
#afc3fe rgb(175,195,254)
```
#afbcfe
```
#afbcfe rgb(175,188,254)
```
#afb6fe
```
#afb6fe rgb(175,182,254)
```
#afaffe
```
#afaffe rgb(175,175,254)
```
#b6affe
```
#b6affe rgb(182,175,254)
```
#bcaffe
```
#bcaffe rgb(188,175,254)
```
#c3affe
```
#c3affe rgb(195,175,254)
```

Similar Colors

Text with hexadecimal color #afaffe

This text has a font color of #afaffe.

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

#afaffe background color

This paragraph has a background color of #afaffe.

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

#afaffe border color

This element has a border color of #afaffe.

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

CSS codes

.text {color:#afaffe;}

.background {background-color:#afaffe;}

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

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

#000011
```
#000011 rgb(0,0,17)
```
#000024
```
#000024 rgb(0,0,36)
```
#010138
```
#010138 rgb(1,1,56)
```
#01014b
```
#01014b rgb(1,1,75)
```
#01015e
```
#01015e rgb(1,1,94)
```
#010172
```
#010172 rgb(1,1,114)
```
#020285
```
#020285 rgb(2,2,133)
```
#020298
```
#020298 rgb(2,2,152)
```
#0202ac
```
#0202ac rgb(2,2,172)
```
#0202bf
```
#0202bf rgb(2,2,191)
```
#0303d3
```
#0303d3 rgb(3,3,211)
```
#0303e6
```
#0303e6 rgb(3,3,230)
```
#0303f9
```
#0303f9 rgb(3,3,249)
```

Shade Color Variation

#1414fc
```
#1414fc rgb(20,20,252)
```
#2727fc
```
#2727fc rgb(39,39,252)
```
#3b3bfd
```
#3b3bfd rgb(59,59,253)
```
#4e4efd
```
#4e4efd rgb(78,78,253)
```
#6262fd
```
#6262fd rgb(98,98,253)
```
#7575fd
```
#7575fd rgb(117,117,253)
```
#8888fe
```
#8888fe rgb(136,136,254)
```
#9c9cfe
```
#9c9cfe rgb(156,156,254)
```
#afaffe
```
#afaffe rgb(175,175,254)
```
#c2c2fe
```
#c2c2fe rgb(194,194,254)
```
#d6d6fe
```
#d6d6fe rgb(214,214,254)
```
#e9e9ff
```
#e9e9ff rgb(233,233,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#d4d4d9
```
#d4d4d9 rgb(212,212,217)
```
#d1d1dc
```
#d1d1dc rgb(209,209,220)
```
#cecedf
```
#cecedf rgb(206,206,223)
```
#cbcbe2
```
#cbcbe2 rgb(203,203,226)
```
#c8c8e5
```
#c8c8e5 rgb(200,200,229)
```
#c5c5e8
```
#c5c5e8 rgb(197,197,232)
```
#c2c2eb
```
#c2c2eb rgb(194,194,235)
```
#bfbfee
```
#bfbfee rgb(191,191,238)
```
#bbbbf2
```
#bbbbf2 rgb(187,187,242)
```
#b8b8f5
```
#b8b8f5 rgb(184,184,245)
```
#b5b5f8
```
#b5b5f8 rgb(181,181,248)
```
#b2b2fb
```
#b2b2fb rgb(178,178,251)
```
#afaffe
```
#afaffe rgb(175,175,254)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b6b6c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b7ff Protanopia 1% of men
#a1b8fc Deuteranopia 1% of men
#a5bdcb Tritanopia 0.001% of the population

Trichromacy

#a6b4fe Protanomaly 1% of men, 0.01% of women
#a6b4fc Deuteranomaly 6% of men, 0.4% of women
#a9b8dd Tritanomaly 0.01% of the population

#afaffe hex color

#afaffe Color Information

#afaffe Color Conversion

Color Schemes with #afaffe

Alternatives to #afaffe

#afaffe Preview

Shades and Tints of #afaffe

Tones of #afaffe

Color Blindness Simulator