#afa2fd hex color

In a RGB color space, hex #afa2fd is composed of 68.6% red, 63.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 36% magenta, 0% yellow and 0.8% black. It has a hue angle of 248.6 degrees, a saturation of 95.8% and a lightness of 81.4%. #afa2fd color hex could be obtained by blending #ffffff with #5f45fb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 69
- G 64
- B 99
RGB color chart
- C 31
- M 36
- Y 0
- K 1
CMYK color chart

● #afa2fd color description : Very soft blue.

The hexadecimal color #afa2fd has RGB values of R:175, G:162, B:253 and CMYK values of C:0.31, M:0.36, Y:0, K:0.01. Its decimal value is 11510525.

Hex triplet	afa2fd	`#afa2fd`
RGB Decimal	175, 162, 253	`rgb(175,162,253)`
RGB Percent	68.6, 63.5, 99.2	`rgb(68.6%,63.5%,99.2%)`
CMYK	31, 36, 0, 1
HSL	248.6°, 95.8, 81.4	`hsl(248.6,95.8%,81.4%)`
HSV (or HSB)	248.6°, 36, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.903, 24.491, -43.592
XYZ	48.326, 42.046, 98.493
xyY	0.256, 0.223, 42.046
CIE-LCH	70.903, 50.001, 299.328
CIE-LUV	70.903, 0.482, -73.755
Hunter-Lab	64.843, 19.557, -44.668
Binary	10101111, 10100010, 11111101

#afa2fd
```
#afa2fd rgb(175,162,253)
```
#f0fda2
```
#f0fda2 rgb(240,253,162)
```

Complementary Color

#a2c3fd
```
#a2c3fd rgb(162,195,253)
```
#afa2fd
```
#afa2fd rgb(175,162,253)
```
#dda2fd
```
#dda2fd rgb(221,162,253)
```

Analogous Color

#c3fda2
```
#c3fda2 rgb(195,253,162)
```
#afa2fd
```
#afa2fd rgb(175,162,253)
```
#fddda2
```
#fddda2 rgb(253,221,162)
```

Split Complementary Color

#a2fdaf
```
#a2fdaf rgb(162,253,175)
```
#afa2fd
```
#afa2fd rgb(175,162,253)
```
#fdafa2
```
#fdafa2 rgb(253,175,162)
```

Triadic Color

#a2f0fd
```
#a2f0fd rgb(162,240,253)
```
#afa2fd
```
#afa2fd rgb(175,162,253)
```
#fdafa2
```
#fdafa2 rgb(253,175,162)
```
#f0fda2
```
#f0fda2 rgb(240,253,162)
```

Tetradic Color

#6f57fb
```
#6f57fb rgb(111,87,251)
```
#8470fc
```
#8470fc rgb(132,112,252)
```
#9a89fc
```
#9a89fc rgb(154,137,252)
```
#afa2fd
```
#afa2fd rgb(175,162,253)
```
#c4bbfe
```
#c4bbfe rgb(196,187,254)
```
#dad4fe
```
#dad4fe rgb(218,212,254)
```
#efedff
```
#efedff rgb(239,237,255)
```

Monochromatic Color

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

#a2acfd
```
#a2acfd rgb(162,172,253)
```
#a2a4fd
```
#a2a4fd rgb(162,164,253)
```
#a7a2fd
```
#a7a2fd rgb(167,162,253)
```
#afa2fd
```
#afa2fd rgb(175,162,253)
```
#b7a2fd
```
#b7a2fd rgb(183,162,253)
```
#bea2fd
```
#bea2fd rgb(190,162,253)
```
#c6a2fd
```
#c6a2fd rgb(198,162,253)
```

Similar Colors

Text with hexadecimal color #afa2fd

This text has a font color of #afa2fd.

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

#afa2fd background color

This paragraph has a background color of #afa2fd.

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

#afa2fd border color

This element has a border color of #afa2fd.

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

CSS codes

.text {color:#afa2fd;}

.background {background-color:#afa2fd;}

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

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

#000003
```
#000003 rgb(0,0,3)
```
#040016
```
#040016 rgb(4,0,22)
```
#070129
```
#070129 rgb(7,1,41)
```
#0a013d
```
#0a013d rgb(10,1,61)
```
#0d0250
```
#0d0250 rgb(13,2,80)
```
#100263
```
#100263 rgb(16,2,99)
```
#130376
```
#130376 rgb(19,3,118)
```
#160389
```
#160389 rgb(22,3,137)
```
#19039d
```
#19039d rgb(25,3,157)
```
#1c04b0
```
#1c04b0 rgb(28,4,176)
```
#1f04c3
```
#1f04c3 rgb(31,4,195)
```
#2305d6
```
#2305d6 rgb(35,5,214)
```
#2605e9
```
#2605e9 rgb(38,5,233)
```

Shade Color Variation

#2b08fa
```
#2b08fa rgb(43,8,250)
```
#3b1cfa
```
#3b1cfa rgb(59,28,250)
```
#4c2ffb
```
#4c2ffb rgb(76,47,251)
```
#5c42fb
```
#5c42fb rgb(92,66,251)
```
#6d55fb
```
#6d55fb rgb(109,85,251)
```
#7d68fc
```
#7d68fc rgb(125,104,252)
```
#8e7cfc
```
#8e7cfc rgb(142,124,252)
```
#9e8ffd
```
#9e8ffd rgb(158,143,253)
```
#afa2fd
```
#afa2fd rgb(175,162,253)
```
#c0b5fd
```
#c0b5fd rgb(192,181,253)
```
#d0c8fe
```
#d0c8fe rgb(208,200,254)
```
#e1dcfe
```
#e1dcfe rgb(225,220,254)
```
#f1efff
```
#f1efff rgb(241,239,255)
```

Tint Color Variation

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

#ceced1
```
#ceced1 rgb(206,206,209)
```
#cccad5
```
#cccad5 rgb(204,202,213)
```
#c9c7d8
```
#c9c7d8 rgb(201,199,216)
```
#c6c3dc
```
#c6c3dc rgb(198,195,220)
```
#c4bfe0
```
#c4bfe0 rgb(196,191,224)
```
#c1bce3
```
#c1bce3 rgb(193,188,227)
```
#bfb8e7
```
#bfb8e7 rgb(191,184,231)
```
#bcb4eb
```
#bcb4eb rgb(188,180,235)
```
#b9b1ee
```
#b9b1ee rgb(185,177,238)
```
#b7adf2
```
#b7adf2 rgb(183,173,242)
```
#b4a9f6
```
#b4a9f6 rgb(180,169,246)
```
#b2a6f9
```
#b2a6f9 rgb(178,166,249)
```
#afa2fd
```
#afa2fd rgb(175,162,253)
```

Tone Color Variation

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

Dichromacy

#94afff Protanopia 1% of men
#92b0f9 Deuteranopia 1% of men
#a3b3c0 Tritanopia 0.001% of the population

Trichromacy

#9eaafe Protanomaly 1% of men, 0.01% of women
#9cabfa Deuteranomaly 6% of men, 0.4% of women
#a7add6 Tritanomaly 0.01% of the population

#afa2fd hex color

#afa2fd Color Information

#afa2fd Color Conversion

Color Schemes with #afa2fd

Alternatives to #afa2fd

#afa2fd Preview

Shades and Tints of #afa2fd

Tones of #afa2fd

Color Blindness Simulator