#a2b4ef hex color

In a RGB color space, hex #a2b4ef is composed of 63.5% red, 70.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 32.2% cyan, 24.7% magenta, 0% yellow and 6.3% black. It has a hue angle of 226 degrees, a saturation of 70.6% and a lightness of 78.6%. #a2b4ef color hex could be obtained by blending #ffffff with #4569df. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 64
- G 71
- B 94
RGB color chart
- C 32
- M 25
- Y 0
- K 6
CMYK color chart

● #a2b4ef color description : Very soft blue.

The hexadecimal color #a2b4ef has RGB values of R:162, G:180, B:239 and CMYK values of C:0.32, M:0.25, Y:0, K:0.06. Its decimal value is 10663151.

Hex triplet	a2b4ef	`#a2b4ef`
RGB Decimal	162, 180, 239	`rgb(162,180,239)`
RGB Percent	63.5, 70.6, 93.7	`rgb(63.5%,70.6%,93.7%)`
CMYK	32, 25, 0, 6
HSL	226°, 70.6, 78.6	`hsl(226,70.6%,78.6%)`
HSV (or HSB)	226°, 32.2, 93.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	73.904, 7.304, -31.414
XYZ	46.798, 46.555, 88.177
xyY	0.258, 0.256, 46.555
CIE-LCH	73.904, 32.252, 283.089
CIE-LUV	73.904, -11.948, -51.254
Hunter-Lab	68.231, 3.025, -28.86
Binary	10100010, 10110100, 11101111

#a2b4ef
```
#a2b4ef rgb(162,180,239)
```
#efdda2
```
#efdda2 rgb(239,221,162)
```

Complementary Color

#a2dbef
```
#a2dbef rgb(162,219,239)
```
#a2b4ef
```
#a2b4ef rgb(162,180,239)
```
#b7a2ef
```
#b7a2ef rgb(183,162,239)
```

Analogous Color

#dbefa2
```
#dbefa2 rgb(219,239,162)
```
#a2b4ef
```
#a2b4ef rgb(162,180,239)
```
#efb7a2
```
#efb7a2 rgb(239,183,162)
```

Split Complementary Color

#b4efa2
```
#b4efa2 rgb(180,239,162)
```
#a2b4ef
```
#a2b4ef rgb(162,180,239)
```
#efa2b4
```
#efa2b4 rgb(239,162,180)
```

Triadic Color

#a2efdd
```
#a2efdd rgb(162,239,221)
```
#a2b4ef
```
#a2b4ef rgb(162,180,239)
```
#efa2b4
```
#efa2b4 rgb(239,162,180)
```
#efdda2
```
#efdda2 rgb(239,221,162)
```

Tetradic Color

#617fe4
```
#617fe4 rgb(97,127,228)
```
#7691e8
```
#7691e8 rgb(118,145,232)
```
#8ca2eb
```
#8ca2eb rgb(140,162,235)
```
#a2b4ef
```
#a2b4ef rgb(162,180,239)
```
#b8c6f3
```
#b8c6f3 rgb(184,198,243)
```
#ced7f6
```
#ced7f6 rgb(206,215,246)
```
#e3e9fa
```
#e3e9fa rgb(227,233,250)
```

Monochromatic Color

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

#a2c7ef
```
#a2c7ef rgb(162,199,239)
```
#a2c1ef
```
#a2c1ef rgb(162,193,239)
```
#a2baef
```
#a2baef rgb(162,186,239)
```
#a2b4ef
```
#a2b4ef rgb(162,180,239)
```
#a2aeef
```
#a2aeef rgb(162,174,239)
```
#a2a7ef
```
#a2a7ef rgb(162,167,239)
```
#a3a2ef
```
#a3a2ef rgb(163,162,239)
```

Similar Colors

Text with hexadecimal color #a2b4ef

This text has a font color of #a2b4ef.

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

#a2b4ef background color

This paragraph has a background color of #a2b4ef.

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

#a2b4ef border color

This element has a border color of #a2b4ef.

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

CSS codes

.text {color:#a2b4ef;}

.background {background-color:#a2b4ef;}

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

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

#010307
```
#010307 rgb(1,3,7)
```
#040918
```
#040918 rgb(4,9,24)
```
#070f29
```
#070f29 rgb(7,15,41)
```
#0a153a
```
#0a153a rgb(10,21,58)
```
#0d1b4a
```
#0d1b4a rgb(13,27,74)
```
#10215b
```
#10215b rgb(16,33,91)
```
#13276c
```
#13276c rgb(19,39,108)
```
#152e7d
```
#152e7d rgb(21,46,125)
```
#18348d
```
#18348d rgb(24,52,141)
```
#1b3a9e
```
#1b3a9e rgb(27,58,158)
```
#1e40af
```
#1e40af rgb(30,64,175)
```
#2146c0
```
#2146c0 rgb(33,70,192)
```
#244cd0
```
#244cd0 rgb(36,76,208)
```

Shade Color Variation

#2d56db
```
#2d56db rgb(45,86,219)
```
#3e63de
```
#3e63de rgb(62,99,222)
```
#4e71e1
```
#4e71e1 rgb(78,113,225)
```
#5f7ee3
```
#5f7ee3 rgb(95,126,227)
```
#708ce6
```
#708ce6 rgb(112,140,230)
```
#8199e9
```
#8199e9 rgb(129,153,233)
```
#91a7ec
```
#91a7ec rgb(145,167,236)
```
#a2b4ef
```
#a2b4ef rgb(162,180,239)
```
#b3c1f2
```
#b3c1f2 rgb(179,193,242)
```
#c3cff5
```
#c3cff5 rgb(195,207,245)
```
#d4dcf8
```
#d4dcf8 rgb(212,220,248)
```
#e5eafb
```
#e5eafb rgb(229,234,251)
```
#f6f7fd
```
#f6f7fd rgb(246,247,253)
```

Tint Color Variation

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

#c8c8c9
```
#c8c8c9 rgb(200,200,201)
```
#c4c6cd
```
#c4c6cd rgb(196,198,205)
```
#bfc4d2
```
#bfc4d2 rgb(191,196,210)
```
#bbc1d6
```
#bbc1d6 rgb(187,193,214)
```
#b7bfda
```
#b7bfda rgb(183,191,218)
```
#b3bdde
```
#b3bdde rgb(179,189,222)
```
#afbbe2
```
#afbbe2 rgb(175,187,226)
```
#aab8e7
```
#aab8e7 rgb(170,184,231)
```
#a6b6eb
```
#a6b6eb rgb(166,182,235)
```
#a2b4ef
```
#a2b4ef rgb(162,180,239)
```
#9eb2f3
```
#9eb2f3 rgb(158,178,243)
```
#9ab0f7
```
#9ab0f7 rgb(154,176,247)
```
#95adfc
```
#95adfc rgb(149,173,252)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b1b5c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b7ef Protanopia 1% of men
#aab6f0 Deuteranopia 1% of men
#9dbecc Tritanopia 0.001% of the population

Trichromacy

#a6b6ef Protanomaly 1% of men, 0.01% of women
#a7b5ef Deuteranomaly 6% of men, 0.4% of women
#9ebad9 Tritanomaly 0.01% of the population

#a2b4ef hex color

#a2b4ef Color Information

#a2b4ef Color Conversion

Color Schemes with #a2b4ef

Alternatives to #a2b4ef

#a2b4ef Preview

Shades and Tints of #a2b4ef

Tones of #a2b4ef

Color Blindness Simulator