#afa4f2 hex color

In a RGB color space, hex #afa4f2 is composed of 68.6% red, 64.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 32.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 248.5 degrees, a saturation of 75% and a lightness of 79.6%. #afa4f2 color hex could be obtained by blending #ffffff with #5f49e5. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 69
- G 64
- B 95
RGB color chart
- C 28
- M 32
- Y 0
- K 5
CMYK color chart

● #afa4f2 color description : Very soft blue.

The hexadecimal color #afa4f2 has RGB values of R:175, G:164, B:242 and CMYK values of C:0.28, M:0.32, Y:0, K:0.05. Its decimal value is 11511026.

Hex triplet	afa4f2	`#afa4f2`
RGB Decimal	175, 164, 242	`rgb(175,164,242)`
RGB Percent	68.6, 64.3, 94.9	`rgb(68.6%,64.3%,94.9%)`
CMYK	28, 32, 0, 5
HSL	248.5°, 75, 79.6	`hsl(248.5,75%,79.6%)`
HSV (or HSB)	248.5°, 32.2, 94.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.923, 20.661, -37.584
XYZ	46.979, 42.075, 89.646
xyY	0.263, 0.235, 42.075
CIE-LCH	70.923, 42.888, 298.799
CIE-LUV	70.923, 0.537, -63.143
Hunter-Lab	64.865, 15.764, -36.535
Binary	10101111, 10100100, 11110010

#afa4f2
```
#afa4f2 rgb(175,164,242)
```
#e7f2a4
```
#e7f2a4 rgb(231,242,164)
```

Complementary Color

#a4c0f2
```
#a4c0f2 rgb(164,192,242)
```
#afa4f2
```
#afa4f2 rgb(175,164,242)
```
#d6a4f2
```
#d6a4f2 rgb(214,164,242)
```

Analogous Color

#c0f2a4
```
#c0f2a4 rgb(192,242,164)
```
#afa4f2
```
#afa4f2 rgb(175,164,242)
```
#f2d6a4
```
#f2d6a4 rgb(242,214,164)
```

Split Complementary Color

#a4f2af
```
#a4f2af rgb(164,242,175)
```
#afa4f2
```
#afa4f2 rgb(175,164,242)
```
#f2afa4
```
#f2afa4 rgb(242,175,164)
```

Triadic Color

#a4e7f2
```
#a4e7f2 rgb(164,231,242)
```
#afa4f2
```
#afa4f2 rgb(175,164,242)
```
#f2afa4
```
#f2afa4 rgb(242,175,164)
```
#e7f2a4
```
#e7f2a4 rgb(231,242,164)
```

Tetradic Color

#7461e8
```
#7461e8 rgb(116,97,232)
```
#8877ec
```
#8877ec rgb(136,119,236)
```
#9b8eef
```
#9b8eef rgb(155,142,239)
```
#afa4f2
```
#afa4f2 rgb(175,164,242)
```
#c3baf5
```
#c3baf5 rgb(195,186,245)
```
#d6d1f8
```
#d6d1f8 rgb(214,209,248)
```
#eae7fc
```
#eae7fc rgb(234,231,252)
```

Monochromatic Color

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

#a4adf2
```
#a4adf2 rgb(164,173,242)
```
#a4a6f2
```
#a4a6f2 rgb(164,166,242)
```
#a9a4f2
```
#a9a4f2 rgb(169,164,242)
```
#afa4f2
```
#afa4f2 rgb(175,164,242)
```
#b6a4f2
```
#b6a4f2 rgb(182,164,242)
```
#bca4f2
```
#bca4f2 rgb(188,164,242)
```
#c3a4f2
```
#c3a4f2 rgb(195,164,242)
```

Similar Colors

Text with hexadecimal color #afa4f2

This text has a font color of #afa4f2.

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

#afa4f2 background color

This paragraph has a background color of #afa4f2.

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

#afa4f2 border color

This element has a border color of #afa4f2.

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

CSS codes

.text {color:#afa4f2;}

.background {background-color:#afa4f2;}

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

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

#03020c
```
#03020c rgb(3,2,12)
```
#08041d
```
#08041d rgb(8,4,29)
```
#0c072e
```
#0c072e rgb(12,7,46)
```
#11093f
```
#11093f rgb(17,9,63)
```
#150c51
```
#150c51 rgb(21,12,81)
```
#1a0e62
```
#1a0e62 rgb(26,14,98)
```
#1e1073
```
#1e1073 rgb(30,16,115)
```
#231384
```
#231384 rgb(35,19,132)
```
#271595
```
#271595 rgb(39,21,149)
```
#2c18a6
```
#2c18a6 rgb(44,24,166)
```
#301ab8
```
#301ab8 rgb(48,26,184)
```
#351dc9
```
#351dc9 rgb(53,29,201)
```
#391fda
```
#391fda rgb(57,31,218)
```

Shade Color Variation

#452ce1
```
#452ce1 rgb(69,44,225)
```
#543de3
```
#543de3 rgb(84,61,227)
```
#644ee6
```
#644ee6 rgb(100,78,230)
```
#735fe8
```
#735fe8 rgb(115,95,232)
```
#8271eb
```
#8271eb rgb(130,113,235)
```
#9182ed
```
#9182ed rgb(145,130,237)
```
#a093f0
```
#a093f0 rgb(160,147,240)
```
#afa4f2
```
#afa4f2 rgb(175,164,242)
```
#beb5f4
```
#beb5f4 rgb(190,181,244)
```
#cdc6f7
```
#cdc6f7 rgb(205,198,247)
```
#dcd7f9
```
#dcd7f9 rgb(220,215,249)
```
#ebe9fc
```
#ebe9fc rgb(235,233,252)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#c9c8ce
```
#c9c8ce rgb(201,200,206)
```
#c6c4d2
```
#c6c4d2 rgb(198,196,210)
```
#c3c0d6
```
#c3c0d6 rgb(195,192,214)
```
#c0bcda
```
#c0bcda rgb(192,188,218)
```
#bdb8de
```
#bdb8de rgb(189,184,222)
```
#bab4e2
```
#bab4e2 rgb(186,180,226)
```
#b8b0e6
```
#b8b0e6 rgb(184,176,230)
```
#b5acea
```
#b5acea rgb(181,172,234)
```
#b2a8ee
```
#b2a8ee rgb(178,168,238)
```
#afa4f2
```
#afa4f2 rgb(175,164,242)
```
#aca0f6
```
#aca0f6 rgb(172,160,246)
```
#a99cfa
```
#a99cfa rgb(169,156,250)
```
#a698fe
```
#a698fe rgb(166,152,254)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0aebd Atypical Achromatopsia 0.001% of the population

Dichromacy

#99aff7 Protanopia 1% of men
#9baff0 Deuteranopia 1% of men
#a6b3c0 Tritanopia 0.001% of the population

Trichromacy

#a1abf5 Protanomaly 1% of men, 0.01% of women
#a2abf0 Deuteranomaly 6% of men, 0.4% of women
#a9add2 Tritanomaly 0.01% of the population

#afa4f2 hex color

#afa4f2 Color Information

#afa4f2 Color Conversion

Color Schemes with #afa4f2

Alternatives to #afa4f2

#afa4f2 Preview

Shades and Tints of #afa4f2

Tones of #afa4f2

Color Blindness Simulator