#a2b8fe hex color

In a RGB color space, hex #a2b8fe is composed of 63.5% red, 72.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 36.2% cyan, 27.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 225.7 degrees, a saturation of 97.9% and a lightness of 81.6%. #a2b8fe color hex could be obtained by blending #ffffff with #4571fd. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 64
- G 72
- B 100
RGB color chart
- C 36
- M 28
- Y 0
- K 0
CMYK color chart

● #a2b8fe color description : Very soft blue.

The hexadecimal color #a2b8fe has RGB values of R:162, G:184, B:254 and CMYK values of C:0.36, M:0.28, Y:0, K:0. Its decimal value is 10664190.

Hex triplet	a2b8fe	`#a2b8fe`
RGB Decimal	162, 184, 254	`rgb(162,184,254)`
RGB Percent	63.5, 72.2, 99.6	`rgb(63.5%,72.2%,99.6%)`
CMYK	36, 28, 0, 0
HSL	225.7°, 97.9, 81.6	`hsl(225.7,97.9%,81.6%)`
HSV (or HSB)	225.7°, 36.2, 99.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	75.524, 8.93, -37.001
XYZ	49.926, 49.117, 100.61
xyY	0.25, 0.246, 49.117
CIE-LCH	75.524, 38.063, 283.568
CIE-LUV	75.524, -14.111, -61.098
Hunter-Lab	70.083, 4.515, -36.057
Binary	10100010, 10111000, 11111110

#a2b8fe
```
#a2b8fe rgb(162,184,254)
```
#fee8a2
```
#fee8a2 rgb(254,232,162)
```

Complementary Color

#a2e6fe
```
#a2e6fe rgb(162,230,254)
```
#a2b8fe
```
#a2b8fe rgb(162,184,254)
```
#baa2fe
```
#baa2fe rgb(186,162,254)
```

Analogous Color

#e6fea2
```
#e6fea2 rgb(230,254,162)
```
#a2b8fe
```
#a2b8fe rgb(162,184,254)
```
#febaa2
```
#febaa2 rgb(254,186,162)
```

Split Complementary Color

#b8fea2
```
#b8fea2 rgb(184,254,162)
```
#a2b8fe
```
#a2b8fe rgb(162,184,254)
```
#fea2b8
```
#fea2b8 rgb(254,162,184)
```

Triadic Color

#a2fee8
```
#a2fee8 rgb(162,254,232)
```
#a2b8fe
```
#a2b8fe rgb(162,184,254)
```
#fea2b8
```
#fea2b8 rgb(254,162,184)
```
#fee8a2
```
#fee8a2 rgb(254,232,162)
```

Tetradic Color

#567efd
```
#567efd rgb(86,126,253)
```
#7091fd
```
#7091fd rgb(112,145,253)
```
#89a5fe
```
#89a5fe rgb(137,165,254)
```
#a2b8fe
```
#a2b8fe rgb(162,184,254)
```
#bbcbfe
```
#bbcbfe rgb(187,203,254)
```
#d4dfff
```
#d4dfff rgb(212,223,255)
```
#eef2ff
```
#eef2ff rgb(238,242,255)
```

Monochromatic Color

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

#a2cffe
```
#a2cffe rgb(162,207,254)
```
#a2c7fe
```
#a2c7fe rgb(162,199,254)
```
#a2c0fe
```
#a2c0fe rgb(162,192,254)
```
#a2b8fe
```
#a2b8fe rgb(162,184,254)
```
#a2b0fe
```
#a2b0fe rgb(162,176,254)
```
#a2a9fe
```
#a2a9fe rgb(162,169,254)
```
#a3a2fe
```
#a3a2fe rgb(163,162,254)
```

Similar Colors

Text with hexadecimal color #a2b8fe

This text has a font color of #a2b8fe.

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

#a2b8fe background color

This paragraph has a background color of #a2b8fe.

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

#a2b8fe border color

This element has a border color of #a2b8fe.

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

CSS codes

.text {color:#a2b8fe;}

.background {background-color:#a2b8fe;}

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

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

#000104
```
#000104 rgb(0,1,4)
```
#000617
```
#000617 rgb(0,6,23)
```
#000b2b
```
#000b2b rgb(0,11,43)
```
#010f3e
```
#010f3e rgb(1,15,62)
```
#011452
```
#011452 rgb(1,20,82)
```
#011965
```
#011965 rgb(1,25,101)
```
#011e78
```
#011e78 rgb(1,30,120)
```
#02238c
```
#02238c rgb(2,35,140)
```
#02279f
```
#02279f rgb(2,39,159)
```
#022cb3
```
#022cb3 rgb(2,44,179)
```
#0231c6
```
#0231c6 rgb(2,49,198)
```
#0236da
```
#0236da rgb(2,54,218)
```
#033bed
```
#033bed rgb(3,59,237)
```

Shade Color Variation

#0741fc
```
#0741fc rgb(7,65,252)
```
#1a50fd
```
#1a50fd rgb(26,80,253)
```
#2e5ffd
```
#2e5ffd rgb(46,95,253)
```
#416efd
```
#416efd rgb(65,110,253)
```
#547dfd
```
#547dfd rgb(84,125,253)
```
#688cfd
```
#688cfd rgb(104,140,253)
```
#7b9afe
```
#7b9afe rgb(123,154,254)
```
#8fa9fe
```
#8fa9fe rgb(143,169,254)
```
#a2b8fe
```
#a2b8fe rgb(162,184,254)
```
#b5c7fe
```
#b5c7fe rgb(181,199,254)
```
#c9d6fe
```
#c9d6fe rgb(201,214,254)
```
#dce4ff
```
#dce4ff rgb(220,228,255)
```
#f0f3ff
```
#f0f3ff rgb(240,243,255)
```

Tint Color Variation

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

#cdcfd3
```
#cdcfd3 rgb(205,207,211)
```
#cacdd6
```
#cacdd6 rgb(202,205,214)
```
#c6cbda
```
#c6cbda rgb(198,203,218)
```
#c3c9dd
```
#c3c9dd rgb(195,201,221)
```
#bfc7e1
```
#bfc7e1 rgb(191,199,225)
```
#bbc5e5
```
#bbc5e5 rgb(187,197,229)
```
#b8c3e8
```
#b8c3e8 rgb(184,195,232)
```
#b4c1ec
```
#b4c1ec rgb(180,193,236)
```
#b0c0f0
```
#b0c0f0 rgb(176,192,240)
```
#adbef3
```
#adbef3 rgb(173,190,243)
```
#a9bcf7
```
#a9bcf7 rgb(169,188,247)
```
#a6bafa
```
#a6bafa rgb(166,186,250)
```
#a2b8fe
```
#a2b8fe rgb(162,184,254)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b4b9c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8bbfd Protanopia 1% of men
#a7bbfe Deuteranopia 1% of men
#9ac4d2 Tritanopia 0.001% of the population

Trichromacy

#a6bafd Protanomaly 1% of men, 0.01% of women
#a5bafe Deuteranomaly 6% of men, 0.4% of women
#9cbfe2 Tritanomaly 0.01% of the population

#a2b8fe hex color

#a2b8fe Color Information

#a2b8fe Color Conversion

Color Schemes with #a2b8fe

Alternatives to #a2b8fe

#a2b8fe Preview

Shades and Tints of #a2b8fe

Tones of #a2b8fe

Color Blindness Simulator