#a2d4b6 hex color

In a RGB color space, hex #a2d4b6 is composed of 63.5% red, 83.1% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 0% magenta, 14.2% yellow and 16.9% black. It has a hue angle of 144 degrees, a saturation of 36.8% and a lightness of 73.3%. #a2d4b6 color hex could be obtained by blending #ffffff with #45a96d. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 64
- G 83
- B 71
RGB color chart
- C 24
- M 0
- Y 14
- K 17
CMYK color chart

● #a2d4b6 color description : Grayish cyan - lime green.

The hexadecimal color #a2d4b6 has RGB values of R:162, G:212, B:182 and CMYK values of C:0.24, M:0, Y:0.14, K:0.17. Its decimal value is 10671286.

Hex triplet	a2d4b6	`#a2d4b6`
RGB Decimal	162, 212, 182	`rgb(162,212,182)`
RGB Percent	63.5, 83.1, 71.4	`rgb(63.5%,83.1%,71.4%)`
CMYK	24, 0, 14, 17
HSL	144°, 36.8, 73.3	`hsl(144,36.8%,73.3%)`
HSV (or HSB)	144°, 23.6, 83.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.819, -22.258, 9.597
XYZ	46.885, 58.144, 53.006
xyY	0.297, 0.368, 58.144
CIE-LCH	80.819, 24.239, 156.676
CIE-LUV	80.819, -25.09, 17.932
Hunter-Lab	76.252, -23.688, 12.162
Binary	10100010, 11010100, 10110110

#a2d4b6
```
#a2d4b6 rgb(162,212,182)
```
#d4a2c0
```
#d4a2c0 rgb(212,162,192)
```

Complementary Color

#a7d4a2
```
#a7d4a2 rgb(167,212,162)
```
#a2d4b6
```
#a2d4b6 rgb(162,212,182)
```
#a2d4cf
```
#a2d4cf rgb(162,212,207)
```

Analogous Color

#d4a2a7
```
#d4a2a7 rgb(212,162,167)
```
#a2d4b6
```
#a2d4b6 rgb(162,212,182)
```
#cfa2d4
```
#cfa2d4 rgb(207,162,212)
```

Split Complementary Color

#d4b6a2
```
#d4b6a2 rgb(212,182,162)
```
#a2d4b6
```
#a2d4b6 rgb(162,212,182)
```
#b6a2d4
```
#b6a2d4 rgb(182,162,212)
```

Triadic Color

#c0d4a2
```
#c0d4a2 rgb(192,212,162)
```
#a2d4b6
```
#a2d4b6 rgb(162,212,182)
```
#b6a2d4
```
#b6a2d4 rgb(182,162,212)
```
#d4a2c0
```
#d4a2c0 rgb(212,162,192)
```

Tetradic Color

#6ebc8d
```
#6ebc8d rgb(110,188,141)
```
#7fc49b
```
#7fc49b rgb(127,196,155)
```
#91cca8
```
#91cca8 rgb(145,204,168)
```
#a2d4b6
```
#a2d4b6 rgb(162,212,182)
```
#b3dcc4
```
#b3dcc4 rgb(179,220,196)
```
#c5e4d1
```
#c5e4d1 rgb(197,228,209)
```
#d6ecdf
```
#d6ecdf rgb(214,236,223)
```

Monochromatic Color

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

#a2d4aa
```
#a2d4aa rgb(162,212,170)
```
#a2d4ae
```
#a2d4ae rgb(162,212,174)
```
#a2d4b2
```
#a2d4b2 rgb(162,212,178)
```
#a2d4b6
```
#a2d4b6 rgb(162,212,182)
```
#a2d4ba
```
#a2d4ba rgb(162,212,186)
```
#a2d4be
```
#a2d4be rgb(162,212,190)
```
#a2d4c3
```
#a2d4c3 rgb(162,212,195)
```

Similar Colors

Text with hexadecimal color #a2d4b6

This text has a font color of #a2d4b6.

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

#a2d4b6 background color

This paragraph has a background color of #a2d4b6.

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

#a2d4b6 border color

This element has a border color of #a2d4b6.

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

CSS codes

.text {color:#a2d4b6;}

.background {background-color:#a2d4b6;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070e0a
```
#070e0a rgb(7,14,10)
```
#0d1c13
```
#0d1c13 rgb(13,28,19)
```
#13291c
```
#13291c rgb(19,41,28)
```
#193725
```
#193725 rgb(25,55,37)
```
#1f442e
```
#1f442e rgb(31,68,46)
```
#265137
```
#265137 rgb(38,81,55)
```
#2c5f40
```
#2c5f40 rgb(44,95,64)
```
#326c49
```
#326c49 rgb(50,108,73)
```
#387a52
```
#387a52 rgb(56,122,82)
```
#3e875b
```
#3e875b rgb(62,135,91)
```
#459465
```
#459465 rgb(69,148,101)
```
#4ba26e
```
#4ba26e rgb(75,162,110)
```

Shade Color Variation

#52af77
```
#52af77 rgb(82,175,119)
```
#5fb581
```
#5fb581 rgb(95,181,129)
```
#6cbb8c
```
#6cbb8c rgb(108,187,140)
```
#7ac196
```
#7ac196 rgb(122,193,150)
```
#87c8a1
```
#87c8a1 rgb(135,200,161)
```
#95ceab
```
#95ceab rgb(149,206,171)
```
#a2d4b6
```
#a2d4b6 rgb(162,212,182)
```
#afdac1
```
#afdac1 rgb(175,218,193)
```
#bde0cb
```
#bde0cb rgb(189,224,203)
```
#cae7d6
```
#cae7d6 rgb(202,231,214)
```
#d8ede0
```
#d8ede0 rgb(216,237,224)
```
#e5f3eb
```
#e5f3eb rgb(229,243,235)
```
#f2f9f5
```
#f2f9f5 rgb(242,249,245)
```

Tint Color Variation

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

#b7bfba
```
#b7bfba rgb(183,191,186)
```
#b2c4b9
```
#b2c4b9 rgb(178,196,185)
```
#accab8
```
#accab8 rgb(172,202,184)
```
#a7cfb7
```
#a7cfb7 rgb(167,207,183)
```
#a2d4b6
```
#a2d4b6 rgb(162,212,182)
```
#9dd9b5
```
#9dd9b5 rgb(157,217,181)
```
#98deb4
```
#98deb4 rgb(152,222,180)
```
#92e4b3
```
#92e4b3 rgb(146,228,179)
```
#8de9b2
```
#8de9b2 rgb(141,233,178)
```
#88eeb1
```
#88eeb1 rgb(136,238,177)
```
#83f3b0
```
#83f3b0 rgb(131,243,176)
```
#7df9af
```
#7df9af rgb(125,249,175)
```
#78feae
```
#78feae rgb(120,254,174)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#bcc6c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4cab4 Protanopia 1% of men
#e2c4bf Deuteranopia 1% of men
#afd0df Tritanopia 0.001% of the population

Trichromacy

#c2ceb4 Protanomaly 1% of men, 0.01% of women
#cbcabc Deuteranomaly 6% of men, 0.4% of women
#aad1d0 Tritanomaly 0.01% of the population

#a2d4b6 hex color

#a2d4b6 Color Information

#a2d4b6 Color Conversion

Color Schemes with #a2d4b6

Alternatives to #a2d4b6

#a2d4b6 Preview

Shades and Tints of #a2d4b6

Tones of #a2d4b6

Color Blindness Simulator