#a2cfe5 hex color

In a RGB color space, hex #a2cfe5 is composed of 63.5% red, 81.2% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 29.3% cyan, 9.6% magenta, 0% yellow and 10.2% black. It has a hue angle of 199.7 degrees, a saturation of 56.3% and a lightness of 76.7%. #a2cfe5 color hex could be obtained by blending #ffffff with #459fcb. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 64
- G 81
- B 90
RGB color chart
- C 29
- M 10
- Y 0
- K 10
CMYK color chart

● #a2cfe5 color description : Very soft blue.

The hexadecimal color #a2cfe5 has RGB values of R:162, G:207, B:229 and CMYK values of C:0.29, M:0.1, Y:0, K:0.1. Its decimal value is 10670053.

Hex triplet	a2cfe5	`#a2cfe5`
RGB Decimal	162, 207, 229	`rgb(162,207,229)`
RGB Percent	63.5, 81.2, 89.8	`rgb(63.5%,81.2%,89.8%)`
CMYK	29, 10, 0, 10
HSL	199.7°, 56.3, 76.7	`hsl(199.7,56.3%,76.7%)`
HSV (or HSB)	199.7°, 29.3, 89.8
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.718, -9.653, -15.655
XYZ	51.353, 57.962, 82.607
xyY	0.268, 0.302, 57.962
CIE-LCH	80.718, 18.391, 238.342
CIE-LUV	80.718, -23.155, -23.023
Hunter-Lab	76.133, -12.832, -11.038
Binary	10100010, 11001111, 11100101

#a2cfe5
```
#a2cfe5 rgb(162,207,229)
```
#e5b8a2
```
#e5b8a2 rgb(229,184,162)
```

Complementary Color

#a2e5da
```
#a2e5da rgb(162,229,218)
```
#a2cfe5
```
#a2cfe5 rgb(162,207,229)
```
#a2aee5
```
#a2aee5 rgb(162,174,229)
```

Analogous Color

#e5daa2
```
#e5daa2 rgb(229,218,162)
```
#a2cfe5
```
#a2cfe5 rgb(162,207,229)
```
#e5a2ae
```
#e5a2ae rgb(229,162,174)
```

Split Complementary Color

#cfe5a2
```
#cfe5a2 rgb(207,229,162)
```
#a2cfe5
```
#a2cfe5 rgb(162,207,229)
```
#e5a2cf
```
#e5a2cf rgb(229,162,207)
```

Triadic Color

#a2e5b8
```
#a2e5b8 rgb(162,229,184)
```
#a2cfe5
```
#a2cfe5 rgb(162,207,229)
```
#e5a2cf
```
#e5a2cf rgb(229,162,207)
```
#e5b8a2
```
#e5b8a2 rgb(229,184,162)
```

Tetradic Color

#66b0d4
```
#66b0d4 rgb(102,176,212)
```
#7abada
```
#7abada rgb(122,186,218)
```
#8ec5df
```
#8ec5df rgb(142,197,223)
```
#a2cfe5
```
#a2cfe5 rgb(162,207,229)
```
#b6d9eb
```
#b6d9eb rgb(182,217,235)
```
#cae4f0
```
#cae4f0 rgb(202,228,240)
```
#deeef6
```
#deeef6 rgb(222,238,246)
```

Monochromatic Color

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

#a2e0e5
```
#a2e0e5 rgb(162,224,229)
```
#a2dae5
```
#a2dae5 rgb(162,218,229)
```
#a2d5e5
```
#a2d5e5 rgb(162,213,229)
```
#a2cfe5
```
#a2cfe5 rgb(162,207,229)
```
#a2c9e5
```
#a2c9e5 rgb(162,201,229)
```
#a2c4e5
```
#a2c4e5 rgb(162,196,229)
```
#a2bee5
```
#a2bee5 rgb(162,190,229)
```

Similar Colors

Text with hexadecimal color #a2cfe5

This text has a font color of #a2cfe5.

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

#a2cfe5 background color

This paragraph has a background color of #a2cfe5.

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

#a2cfe5 border color

This element has a border color of #a2cfe5.

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

CSS codes

.text {color:#a2cfe5;}

.background {background-color:#a2cfe5;}

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

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, #040b0e is the darkest color, while #fefeff is the lightest one.

#040b0e
```
#040b0e rgb(4,11,14)
```
#08171e
```
#08171e rgb(8,23,30)
```
#0d222d
```
#0d222d rgb(13,34,45)
```
#112e3c
```
#112e3c rgb(17,46,60)
```
#153a4c
```
#153a4c rgb(21,58,76)
```
#19455b
```
#19455b rgb(25,69,91)
```
#1e516a
```
#1e516a rgb(30,81,106)
```
#225d7a
```
#225d7a rgb(34,93,122)
```
#266989
```
#266989 rgb(38,105,137)
```
#2b7498
```
#2b7498 rgb(43,116,152)
```
#2f80a8
```
#2f80a8 rgb(47,128,168)
```
#338cb7
```
#338cb7 rgb(51,140,183)
```
#3797c6
```
#3797c6 rgb(55,151,198)
```

Shade Color Variation

#46a0cb
```
#46a0cb rgb(70,160,203)
```
#55a7d0
```
#55a7d0 rgb(85,167,208)
```
#65afd4
```
#65afd4 rgb(101,175,212)
```
#74b7d8
```
#74b7d8 rgb(116,183,216)
```
#83bfdc
```
#83bfdc rgb(131,191,220)
```
#93c7e1
```
#93c7e1 rgb(147,199,225)
```
#a2cfe5
```
#a2cfe5 rgb(162,207,229)
```
#b1d7e9
```
#b1d7e9 rgb(177,215,233)
```
#c1dfee
```
#c1dfee rgb(193,223,238)
```
#d0e7f2
```
#d0e7f2 rgb(208,231,242)
```
#dfeff6
```
#dfeff6 rgb(223,239,246)
```
#eff7fa
```
#eff7fa rgb(239,247,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#c2c4c5
```
#c2c4c5 rgb(194,196,197)
```
#bdc6ca
```
#bdc6ca rgb(189,198,202)
```
#b9c7ce
```
#b9c7ce rgb(185,199,206)
```
#b4c9d3
```
#b4c9d3 rgb(180,201,211)
```
#b0cad7
```
#b0cad7 rgb(176,202,215)
```
#abccdc
```
#abccdc rgb(171,204,220)
```
#a7cde0
```
#a7cde0 rgb(167,205,224)
```
#a2cfe5
```
#a2cfe5 rgb(162,207,229)
```
#9dd1ea
```
#9dd1ea rgb(157,209,234)
```
#99d2ee
```
#99d2ee rgb(153,210,238)
```
#94d4f3
```
#94d4f3 rgb(148,212,243)
```
#90d5f7
```
#90d5f7 rgb(144,213,247)
```
#8bd7fc
```
#8bd7fc rgb(139,215,252)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#bdc6cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c9e1 Protanopia 1% of men
#cec6ea Deuteranopia 1% of men
#a5d2e1 Tritanopia 0.001% of the population

Trichromacy

#b9cbe2 Protanomaly 1% of men, 0.01% of women
#bec9e8 Deuteranomaly 6% of men, 0.4% of women
#a4d1e2 Tritanomaly 0.01% of the population

#a2cfe5 hex color

#a2cfe5 Color Information

#a2cfe5 Color Conversion

Color Schemes with #a2cfe5

Alternatives to #a2cfe5

#a2cfe5 Preview

Shades and Tints of #a2cfe5

Tones of #a2cfe5

Color Blindness Simulator