#a2d8c5 hex color

In a RGB color space, hex #a2d8c5 is composed of 63.5% red, 84.7% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 0% magenta, 8.8% yellow and 15.3% black. It has a hue angle of 158.9 degrees, a saturation of 40.9% and a lightness of 74.1%. #a2d8c5 color hex could be obtained by blending #ffffff with #45b18b. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 64
- G 85
- B 77
RGB color chart
- C 25
- M 0
- Y 9
- K 15
CMYK color chart

● #a2d8c5 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #a2d8c5 has RGB values of R:162, G:216, B:197 and CMYK values of C:0.25, M:0, Y:0.09, K:0.15. Its decimal value is 10672325.

Hex triplet	a2d8c5	`#a2d8c5`
RGB Decimal	162, 216, 197	`rgb(162,216,197)`
RGB Percent	63.5, 84.7, 77.3	`rgb(63.5%,84.7%,77.3%)`
CMYK	25, 0, 9, 15
HSL	158.9°, 40.9, 74.1	`hsl(158.9,40.9%,74.1%)`
HSV (or HSB)	158.9°, 25, 84.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	82.283, -21.272, 3.728
XYZ	49.532, 60.823, 61.95
xyY	0.287, 0.353, 60.823
CIE-LCH	82.283, 21.596, 170.06
CIE-LUV	82.283, -26.971, 9.212
Hunter-Lab	77.989, -23.113, 7.495
Binary	10100010, 11011000, 11000101

#a2d8c5
```
#a2d8c5 rgb(162,216,197)
```
#d8a2b5
```
#d8a2b5 rgb(216,162,181)
```

Complementary Color

#a2d8aa
```
#a2d8aa rgb(162,216,170)
```
#a2d8c5
```
#a2d8c5 rgb(162,216,197)
```
#a2d0d8
```
#a2d0d8 rgb(162,208,216)
```

Analogous Color

#d8aaa2
```
#d8aaa2 rgb(216,170,162)
```
#a2d8c5
```
#a2d8c5 rgb(162,216,197)
```
#d8a2d0
```
#d8a2d0 rgb(216,162,208)
```

Split Complementary Color

#d8c5a2
```
#d8c5a2 rgb(216,197,162)
```
#a2d8c5
```
#a2d8c5 rgb(162,216,197)
```
#c5a2d8
```
#c5a2d8 rgb(197,162,216)
```

Triadic Color

#b5d8a2
```
#b5d8a2 rgb(181,216,162)
```
#a2d8c5
```
#a2d8c5 rgb(162,216,197)
```
#c5a2d8
```
#c5a2d8 rgb(197,162,216)
```
#d8a2b5
```
#d8a2b5 rgb(216,162,181)
```

Tetradic Color

#6cc1a3
```
#6cc1a3 rgb(108,193,163)
```
#7ec9af
```
#7ec9af rgb(126,201,175)
```
#90d0ba
```
#90d0ba rgb(144,208,186)
```
#a2d8c5
```
#a2d8c5 rgb(162,216,197)
```
#b4e0d0
```
#b4e0d0 rgb(180,224,208)
```
#c6e7db
```
#c6e7db rgb(198,231,219)
```
#d8efe7
```
#d8efe7 rgb(216,239,231)
```

Monochromatic Color

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

#a2d8b8
```
#a2d8b8 rgb(162,216,184)
```
#a2d8bc
```
#a2d8bc rgb(162,216,188)
```
#a2d8c1
```
#a2d8c1 rgb(162,216,193)
```
#a2d8c5
```
#a2d8c5 rgb(162,216,197)
```
#a2d8ca
```
#a2d8ca rgb(162,216,202)
```
#a2d8ce
```
#a2d8ce rgb(162,216,206)
```
#a2d8d3
```
#a2d8d3 rgb(162,216,211)
```

Similar Colors

Text with hexadecimal color #a2d8c5

This text has a font color of #a2d8c5.

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

#a2d8c5 background color

This paragraph has a background color of #a2d8c5.

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

#a2d8c5 border color

This element has a border color of #a2d8c5.

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

CSS codes

.text {color:#a2d8c5;}

.background {background-color:#a2d8c5;}

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

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

#020403
```
#020403 rgb(2,4,3)
```
#07120e
```
#07120e rgb(7,18,14)
```
#0d1f19
```
#0d1f19 rgb(13,31,25)
```
#132d24
```
#132d24 rgb(19,45,36)
```
#193b2f
```
#193b2f rgb(25,59,47)
```
#1f493a
```
#1f493a rgb(31,73,58)
```
#245745
```
#245745 rgb(36,87,69)
```
#2a6450
```
#2a6450 rgb(42,100,80)
```
#30725b
```
#30725b rgb(48,114,91)
```
#368066
```
#368066 rgb(54,128,102)
```
#3c8e71
```
#3c8e71 rgb(60,142,113)
```
#419c7c
```
#419c7c rgb(65,156,124)
```
#47aa87
```
#47aa87 rgb(71,170,135)
```

Shade Color Variation

#4fb591
```
#4fb591 rgb(79,181,145)
```
#5dbb9a
```
#5dbb9a rgb(93,187,154)
```
#6bc1a3
```
#6bc1a3 rgb(107,193,163)
```
#79c7ab
```
#79c7ab rgb(121,199,171)
```
#86ccb4
```
#86ccb4 rgb(134,204,180)
```
#94d2bc
```
#94d2bc rgb(148,210,188)
```
#a2d8c5
```
#a2d8c5 rgb(162,216,197)
```
#b0dece
```
#b0dece rgb(176,222,206)
```
#bee4d6
```
#bee4d6 rgb(190,228,214)
```
#cbe9df
```
#cbe9df rgb(203,233,223)
```
#d9efe7
```
#d9efe7 rgb(217,239,231)
```
#e7f5f0
```
#e7f5f0 rgb(231,245,240)
```
#f5fbf9
```
#f5fbf9 rgb(245,251,249)
```

Tint Color Variation

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

#bbbfbd
```
#bbbfbd rgb(187,191,189)
```
#b6c4bf
```
#b6c4bf rgb(182,196,191)
```
#b1c9c0
```
#b1c9c0 rgb(177,201,192)
```
#accec2
```
#accec2 rgb(172,206,194)
```
#a7d3c3
```
#a7d3c3 rgb(167,211,195)
```
#a2d8c5
```
#a2d8c5 rgb(162,216,197)
```
#9dddc7
```
#9dddc7 rgb(157,221,199)
```
#98e2c8
```
#98e2c8 rgb(152,226,200)
```
#93e7ca
```
#93e7ca rgb(147,231,202)
```
#8eeccb
```
#8eeccb rgb(142,236,203)
```
#89f1cd
```
#89f1cd rgb(137,241,205)
```
#84f6ce
```
#84f6ce rgb(132,246,206)
```
#7efcd0
```
#7efcd0 rgb(126,252,208)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#bfcac6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5cec2 Protanopia 1% of men
#e2c9cd Deuteranopia 1% of men
#add5e5 Tritanopia 0.001% of the population

Trichromacy

#c3d1c3 Protanomaly 1% of men, 0.01% of women
#cbceca Deuteranomaly 6% of men, 0.4% of women
#a9d6d9 Tritanomaly 0.01% of the population

#a2d8c5 hex color

#a2d8c5 Color Information

#a2d8c5 Color Conversion

Color Schemes with #a2d8c5

Alternatives to #a2d8c5

#a2d8c5 Preview

Shades and Tints of #a2d8c5

Tones of #a2d8c5

Color Blindness Simulator