#a2aafd hex color

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

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

● #a2aafd color description : Very soft blue.

The hexadecimal color #a2aafd has RGB values of R:162, G:170, B:253 and CMYK values of C:0.36, M:0.33, Y:0, K:0.01. Its decimal value is 10660605.

Hex triplet	a2aafd	`#a2aafd`
RGB Decimal	162, 170, 253	`rgb(162,170,253)`
RGB Percent	63.5, 66.7, 99.2	`rgb(63.5%,66.7%,99.2%)`
CMYK	36, 33, 0, 1
HSL	234.7°, 95.8, 81.4	`hsl(234.7,95.8%,81.4%)`
HSV (or HSB)	234.7°, 36, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.908, 16.479, -42.091
XYZ	47.001, 43.522, 98.847
xyY	0.248, 0.23, 43.522
CIE-LCH	71.908, 45.202, 291.38
CIE-LUV	71.908, -8.553, -70.31
Hunter-Lab	65.971, 11.724, -42.657
Binary	10100010, 10101010, 11111101

#a2aafd
```
#a2aafd rgb(162,170,253)
```
#fdf5a2
```
#fdf5a2 rgb(253,245,162)
```

Complementary Color

#a2d8fd
```
#a2d8fd rgb(162,216,253)
```
#a2aafd
```
#a2aafd rgb(162,170,253)
```
#c8a2fd
```
#c8a2fd rgb(200,162,253)
```

Analogous Color

#d8fda2
```
#d8fda2 rgb(216,253,162)
```
#a2aafd
```
#a2aafd rgb(162,170,253)
```
#fdc8a2
```
#fdc8a2 rgb(253,200,162)
```

Split Complementary Color

#aafda2
```
#aafda2 rgb(170,253,162)
```
#a2aafd
```
#a2aafd rgb(162,170,253)
```
#fda2aa
```
#fda2aa rgb(253,162,170)
```

Triadic Color

#a2fdf5
```
#a2fdf5 rgb(162,253,245)
```
#a2aafd
```
#a2aafd rgb(162,170,253)
```
#fda2aa
```
#fda2aa rgb(253,162,170)
```
#fdf5a2
```
#fdf5a2 rgb(253,245,162)
```

Tetradic Color

#5766fb
```
#5766fb rgb(87,102,251)
```
#707cfc
```
#707cfc rgb(112,124,252)
```
#8993fc
```
#8993fc rgb(137,147,252)
```
#a2aafd
```
#a2aafd rgb(162,170,253)
```
#bbc1fe
```
#bbc1fe rgb(187,193,254)
```
#d4d8fe
```
#d4d8fe rgb(212,216,254)
```
#edeeff
```
#edeeff rgb(237,238,255)
```

Monochromatic Color

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

#a2c1fd
```
#a2c1fd rgb(162,193,253)
```
#a2b9fd
```
#a2b9fd rgb(162,185,253)
```
#a2b2fd
```
#a2b2fd rgb(162,178,253)
```
#a2aafd
```
#a2aafd rgb(162,170,253)
```
#a2a2fd
```
#a2a2fd rgb(162,162,253)
```
#a9a2fd
```
#a9a2fd rgb(169,162,253)
```
#b1a2fd
```
#b1a2fd rgb(177,162,253)
```

Similar Colors

Text with hexadecimal color #a2aafd

This text has a font color of #a2aafd.

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

#a2aafd background color

This paragraph has a background color of #a2aafd.

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

#a2aafd border color

This element has a border color of #a2aafd.

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

CSS codes

.text {color:#a2aafd;}

.background {background-color:#a2aafd;}

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

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 #eff0ff is the lightest one.

#000003
```
#000003 rgb(0,0,3)
```
#000216
```
#000216 rgb(0,2,22)
```
#010429
```
#010429 rgb(1,4,41)
```
#01073d
```
#01073d rgb(1,7,61)
```
#020950
```
#020950 rgb(2,9,80)
```
#020b63
```
#020b63 rgb(2,11,99)
```
#030d76
```
#030d76 rgb(3,13,118)
```
#030f89
```
#030f89 rgb(3,15,137)
```
#03119d
```
#03119d rgb(3,17,157)
```
#0413b0
```
#0413b0 rgb(4,19,176)
```
#0415c3
```
#0415c3 rgb(4,21,195)
```
#0517d6
```
#0517d6 rgb(5,23,214)
```
#0519e9
```
#0519e9 rgb(5,25,233)
```

Shade Color Variation

#081efa
```
#081efa rgb(8,30,250)
```
#1c2ffa
```
#1c2ffa rgb(28,47,250)
```
#2f41fb
```
#2f41fb rgb(47,65,251)
```
#4252fb
```
#4252fb rgb(66,82,251)
```
#5564fb
```
#5564fb rgb(85,100,251)
```
#6875fc
```
#6875fc rgb(104,117,252)
```
#7c87fc
```
#7c87fc rgb(124,135,252)
```
#8f98fd
```
#8f98fd rgb(143,152,253)
```
#a2aafd
```
#a2aafd rgb(162,170,253)
```
#b5bcfd
```
#b5bcfd rgb(181,188,253)
```
#c8cdfe
```
#c8cdfe rgb(200,205,254)
```
#dcdffe
```
#dcdffe rgb(220,223,254)
```
#eff0ff
```
#eff0ff rgb(239,240,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 #a2aafd is the most saturated one.

#ceced1
```
#ceced1 rgb(206,206,209)
```
#cacbd5
```
#cacbd5 rgb(202,203,213)
```
#c7c8d8
```
#c7c8d8 rgb(199,200,216)
```
#c3c5dc
```
#c3c5dc rgb(195,197,220)
```
#bfc2e0
```
#bfc2e0 rgb(191,194,224)
```
#bcbfe3
```
#bcbfe3 rgb(188,191,227)
```
#b8bce7
```
#b8bce7 rgb(184,188,231)
```
#b4b9eb
```
#b4b9eb rgb(180,185,235)
```
#b1b6ee
```
#b1b6ee rgb(177,182,238)
```
#adb3f2
```
#adb3f2 rgb(173,179,242)
```
#a9b0f6
```
#a9b0f6 rgb(169,176,246)
```
#a6adf9
```
#a6adf9 rgb(166,173,249)
```
#a2aafd
```
#a2aafd rgb(162,170,253)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#aeb0c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98b1ff Protanopia 1% of men
#96b2fb Deuteranopia 1% of men
#97b9c7 Tritanopia 0.001% of the population

Trichromacy

#9caefe Protanomaly 1% of men, 0.01% of women
#9aaffb Deuteranomaly 6% of men, 0.4% of women
#9bb4da Tritanomaly 0.01% of the population

#a2aafd hex color

#a2aafd Color Information

#a2aafd Color Conversion

Color Schemes with #a2aafd

Alternatives to #a2aafd

#a2aafd Preview

Shades and Tints of #a2aafd

Tones of #a2aafd

Color Blindness Simulator