#a2bef5 hex color

In a RGB color space, hex #a2bef5 is composed of 63.5% red, 74.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 33.9% cyan, 22.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 219.8 degrees, a saturation of 80.6% and a lightness of 79.8%. #a2bef5 color hex could be obtained by blending #ffffff with #457deb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 64
- G 75
- B 96
RGB color chart
- C 34
- M 22
- Y 0
- K 4
CMYK color chart

● #a2bef5 color description : Very soft blue.

The hexadecimal color #a2bef5 has RGB values of R:162, G:190, B:245 and CMYK values of C:0.34, M:0.22, Y:0, K:0.04. Its decimal value is 10665717.

Hex triplet	a2bef5	`#a2bef5`
RGB Decimal	162, 190, 245	`rgb(162,190,245)`
RGB Percent	63.5, 74.5, 96.1	`rgb(63.5%,74.5%,96.1%)`
CMYK	34, 22, 0, 4
HSL	219.8°, 80.6, 79.8	`hsl(219.8,80.6%,79.8%)`
HSV (or HSB)	219.8°, 33.9, 96.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	76.739, 3.328, -30.286
XYZ	49.792, 51.099, 93.621
xyY	0.256, 0.263, 51.099
CIE-LCH	76.739, 30.468, 276.271
CIE-LUV	76.739, -16.269, -49.045
Hunter-Lab	71.484, -0.764, -27.612
Binary	10100010, 10111110, 11110101

#a2bef5
```
#a2bef5 rgb(162,190,245)
```
#f5d9a2
```
#f5d9a2 rgb(245,217,162)
```

Complementary Color

#a2e8f5
```
#a2e8f5 rgb(162,232,245)
```
#a2bef5
```
#a2bef5 rgb(162,190,245)
```
#b0a2f5
```
#b0a2f5 rgb(176,162,245)
```

Analogous Color

#e8f5a2
```
#e8f5a2 rgb(232,245,162)
```
#a2bef5
```
#a2bef5 rgb(162,190,245)
```
#f5b0a2
```
#f5b0a2 rgb(245,176,162)
```

Split Complementary Color

#bef5a2
```
#bef5a2 rgb(190,245,162)
```
#a2bef5
```
#a2bef5 rgb(162,190,245)
```
#f5a2be
```
#f5a2be rgb(245,162,190)
```

Triadic Color

#a2f5d9
```
#a2f5d9 rgb(162,245,217)
```
#a2bef5
```
#a2bef5 rgb(162,190,245)
```
#f5a2be
```
#f5a2be rgb(245,162,190)
```
#f5d9a2
```
#f5d9a2 rgb(245,217,162)
```

Tetradic Color

#5d8eee
```
#5d8eee rgb(93,142,238)
```
#749ef0
```
#749ef0 rgb(116,158,240)
```
#8baef3
```
#8baef3 rgb(139,174,243)
```
#a2bef5
```
#a2bef5 rgb(162,190,245)
```
#b9cef7
```
#b9cef7 rgb(185,206,247)
```
#d0defa
```
#d0defa rgb(208,222,250)
```
#e7eefc
```
#e7eefc rgb(231,238,252)
```

Monochromatic Color

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

#a2d3f5
```
#a2d3f5 rgb(162,211,245)
```
#a2ccf5
```
#a2ccf5 rgb(162,204,245)
```
#a2c5f5
```
#a2c5f5 rgb(162,197,245)
```
#a2bef5
```
#a2bef5 rgb(162,190,245)
```
#a2b7f5
```
#a2b7f5 rgb(162,183,245)
```
#a2b0f5
```
#a2b0f5 rgb(162,176,245)
```
#a2a9f5
```
#a2a9f5 rgb(162,169,245)
```

Similar Colors

Text with hexadecimal color #a2bef5

This text has a font color of #a2bef5.

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

#a2bef5 background color

This paragraph has a background color of #a2bef5.

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

#a2bef5 border color

This element has a border color of #a2bef5.

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

CSS codes

.text {color:#a2bef5;}

.background {background-color:#a2bef5;}

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

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, #01050d is the darkest color, while #fbfcff is the lightest one.

#01050d
```
#01050d rgb(1,5,13)
```
#030d1f
```
#030d1f rgb(3,13,31)
```
#051431
```
#051431 rgb(5,20,49)
```
#071b42
```
#071b42 rgb(7,27,66)
```
#092254
```
#092254 rgb(9,34,84)
```
#0b2a66
```
#0b2a66 rgb(11,42,102)
```
#0d3178
```
#0d3178 rgb(13,49,120)
```
#0f3889
```
#0f3889 rgb(15,56,137)
```
#113f9b
```
#113f9b rgb(17,63,155)
```
#1347ad
```
#1347ad rgb(19,71,173)
```
#144ebe
```
#144ebe rgb(20,78,190)
```
#1655d0
```
#1655d0 rgb(22,85,208)
```
#185ce2
```
#185ce2 rgb(24,92,226)
```

Shade Color Variation

#2667e8
```
#2667e8 rgb(38,103,232)
```
#3874ea
```
#3874ea rgb(56,116,234)
```
#4980eb
```
#4980eb rgb(73,128,235)
```
#5b8ced
```
#5b8ced rgb(91,140,237)
```
#6d99ef
```
#6d99ef rgb(109,153,239)
```
#7fa5f1
```
#7fa5f1 rgb(127,165,241)
```
#90b2f3
```
#90b2f3 rgb(144,178,243)
```
#a2bef5
```
#a2bef5 rgb(162,190,245)
```
#b4caf7
```
#b4caf7 rgb(180,202,247)
```
#c5d7f9
```
#c5d7f9 rgb(197,215,249)
```
#d7e3fb
```
#d7e3fb rgb(215,227,251)
```
#e9f0fd
```
#e9f0fd rgb(233,240,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#cacbcd
```
#cacbcd rgb(202,203,205)
```
#c6cad1
```
#c6cad1 rgb(198,202,209)
```
#c2c8d5
```
#c2c8d5 rgb(194,200,213)
```
#bec7d9
```
#bec7d9 rgb(190,199,217)
```
#bac6dd
```
#bac6dd rgb(186,198,221)
```
#b6c4e1
```
#b6c4e1 rgb(182,196,225)
```
#b2c3e5
```
#b2c3e5 rgb(178,195,229)
```
#aec2e9
```
#aec2e9 rgb(174,194,233)
```
#aac1ed
```
#aac1ed rgb(170,193,237)
```
#a6bff1
```
#a6bff1 rgb(166,191,241)
```
#a2bef5
```
#a2bef5 rgb(162,190,245)
```
#9ebdf9
```
#9ebdf9 rgb(158,189,249)
```
#9abbfd
```
#9abbfd rgb(154,187,253)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#b7bcc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bef3 Protanopia 1% of men
#b3bdf6 Deuteranopia 1% of men
#9dc7d5 Tritanopia 0.001% of the population

Trichromacy

#acbef4 Protanomaly 1% of men, 0.01% of women
#adbdf6 Deuteranomaly 6% of men, 0.4% of women
#9fc4e1 Tritanomaly 0.01% of the population

#a2bef5 hex color

#a2bef5 Color Information

#a2bef5 Color Conversion

Color Schemes with #a2bef5

Alternatives to #a2bef5

#a2bef5 Preview

Shades and Tints of #a2bef5

Tones of #a2bef5

Color Blindness Simulator