#a2afbe hex color

In a RGB color space, hex #a2afbe is composed of 63.5% red, 68.6% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 14.7% cyan, 7.9% magenta, 0% yellow and 25.5% black. It has a hue angle of 212.1 degrees, a saturation of 17.7% and a lightness of 69%. #a2afbe color hex could be obtained by blending #ffffff with #455f7d. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 64
- G 69
- B 75
RGB color chart
- C 15
- M 8
- Y 0
- K 25
CMYK color chart

● #a2afbe color description : Grayish blue.

The hexadecimal color #a2afbe has RGB values of R:162, G:175, B:190 and CMYK values of C:0.15, M:0.08, Y:0, K:0.25. Its decimal value is 10661822.

Hex triplet	a2afbe	`#a2afbe`
RGB Decimal	162, 175, 190	`rgb(162,175,190)`
RGB Percent	63.5, 68.6, 74.5	`rgb(63.5%,68.6%,74.5%)`
CMYK	15, 8, 0, 25
HSL	212.1°, 17.7, 69	`hsl(212.1,17.7%,69%)`
HSV (or HSB)	212.1°, 14.7, 74.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.911, -1.42, -9.191
XYZ	39.523, 42.059, 54.748
xyY	0.29, 0.309, 42.059
CIE-LCH	70.911, 9.3, 261.22
CIE-LUV	70.911, -7.771, -13.66
Hunter-Lab	64.853, -4.71, -4.656
Binary	10100010, 10101111, 10111110

#a2afbe
```
#a2afbe rgb(162,175,190)
```
#beb1a2
```
#beb1a2 rgb(190,177,162)
```

Complementary Color

#a2bdbe
```
#a2bdbe rgb(162,189,190)
```
#a2afbe
```
#a2afbe rgb(162,175,190)
```
#a3a2be
```
#a3a2be rgb(163,162,190)
```

Analogous Color

#bdbea2
```
#bdbea2 rgb(189,190,162)
```
#a2afbe
```
#a2afbe rgb(162,175,190)
```
#bea3a2
```
#bea3a2 rgb(190,163,162)
```

Split Complementary Color

#afbea2
```
#afbea2 rgb(175,190,162)
```
#a2afbe
```
#a2afbe rgb(162,175,190)
```
#bea2af
```
#bea2af rgb(190,162,175)
```

Triadic Color

#a2beb1
```
#a2beb1 rgb(162,190,177)
```
#a2afbe
```
#a2afbe rgb(162,175,190)
```
#bea2af
```
#bea2af rgb(190,162,175)
```
#beb1a2
```
#beb1a2 rgb(190,177,162)
```

Tetradic Color

#75889f
```
#75889f rgb(117,136,159)
```
#8495a9
```
#8495a9 rgb(132,149,169)
```
#93a2b4
```
#93a2b4 rgb(147,162,180)
```
#a2afbe
```
#a2afbe rgb(162,175,190)
```
#b1bcc8
```
#b1bcc8 rgb(177,188,200)
```
#c0c9d3
```
#c0c9d3 rgb(192,201,211)
```
#cfd6dd
```
#cfd6dd rgb(207,214,221)
```

Monochromatic Color

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

#a2b6be
```
#a2b6be rgb(162,182,190)
```
#a2b4be
```
#a2b4be rgb(162,180,190)
```
#a2b1be
```
#a2b1be rgb(162,177,190)
```
#a2afbe
```
#a2afbe rgb(162,175,190)
```
#a2adbe
```
#a2adbe rgb(162,173,190)
```
#a2aabe
```
#a2aabe rgb(162,170,190)
```
#a2a8be
```
#a2a8be rgb(162,168,190)
```

Similar Colors

Text with hexadecimal color #a2afbe

This text has a font color of #a2afbe.

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

#a2afbe background color

This paragraph has a background color of #a2afbe.

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

#a2afbe border color

This element has a border color of #a2afbe.

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

CSS codes

.text {color:#a2afbe;}

.background {background-color:#a2afbe;}

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

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

#08090b
```
#08090b rgb(8,9,11)
```
#101316
```
#101316 rgb(16,19,22)
```
#181d22
```
#181d22 rgb(24,29,34)
```
#20262e
```
#20262e rgb(32,38,46)
```
#283039
```
#283039 rgb(40,48,57)
```
#303a45
```
#303a45 rgb(48,58,69)
```
#384350
```
#384350 rgb(56,67,80)
```
#404d5c
```
#404d5c rgb(64,77,92)
```
#485767
```
#485767 rgb(72,87,103)
```
#506073
```
#506073 rgb(80,96,115)
```
#586a7e
```
#586a7e rgb(88,106,126)
```
#60748a
```
#60748a rgb(96,116,138)
```
#687d95
```
#687d95 rgb(104,125,149)
```

Shade Color Variation

#74879e
```
#74879e rgb(116,135,158)
```
#7f91a6
```
#7f91a6 rgb(127,145,166)
```
#8b9bae
```
#8b9bae rgb(139,155,174)
```
#96a5b6
```
#96a5b6 rgb(150,165,182)
```
#a2afbe
```
#a2afbe rgb(162,175,190)
```
#aeb9c6
```
#aeb9c6 rgb(174,185,198)
```
#b9c3ce
```
#b9c3ce rgb(185,195,206)
```
#c5cdd6
```
#c5cdd6 rgb(197,205,214)
```
#d0d7de
```
#d0d7de rgb(208,215,222)
```
#dce1e6
```
#dce1e6 rgb(220,225,230)
```
#e7ebee
```
#e7ebee rgb(231,235,238)
```
#f3f5f6
```
#f3f5f6 rgb(243,245,246)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#aeb0b2
```
#aeb0b2 rgb(174,176,178)
```
#a8afb8
```
#a8afb8 rgb(168,175,184)
```
#a2afbe
```
#a2afbe rgb(162,175,190)
```
#9cafc4
```
#9cafc4 rgb(156,175,196)
```
#96aeca
```
#96aeca rgb(150,174,202)
```
#90aed0
```
#90aed0 rgb(144,174,208)
```
#8aadd6
```
#8aadd6 rgb(138,173,214)
```
#84addc
```
#84addc rgb(132,173,220)
```
#7eace2
```
#7eace2 rgb(126,172,226)
```
#77ace9
```
#77ace9 rgb(119,172,233)
```
#71acef
```
#71acef rgb(113,172,239)
```
#6babf5
```
#6babf5 rgb(107,171,245)
```
#65abfb
```
#65abfb rgb(101,171,251)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#abadb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b0bf Protanopia 1% of men
#b9adc3 Deuteranopia 1% of men
#a6b3c0 Tritanopia 0.001% of the population

Trichromacy

#abb0bf Protanomaly 1% of men, 0.01% of women
#b1adc1 Deuteranomaly 6% of men, 0.4% of women
#a4b1bf Tritanomaly 0.01% of the population

#a2afbe hex color

#a2afbe Color Information

#a2afbe Color Conversion

Color Schemes with #a2afbe

Alternatives to #a2afbe

#a2afbe Preview

Shades and Tints of #a2afbe

Tones of #a2afbe

Color Blindness Simulator