#a2d8c7 hex color

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

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

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

The hexadecimal color #a2d8c7 has RGB values of R:162, G:216, B:199 and CMYK values of C:0.25, M:0, Y:0.08, K:0.15. Its decimal value is 10672327.

Hex triplet	a2d8c7	`#a2d8c7`
RGB Decimal	162, 216, 199	`rgb(162,216,199)`
RGB Percent	63.5, 84.7, 78	`rgb(63.5%,84.7%,78%)`
CMYK	25, 0, 8, 15
HSL	161.1°, 40.9, 74.1	`hsl(161.1,40.9%,74.1%)`
HSV (or HSB)	161.1°, 25, 84.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	82.333, -20.862, 2.737
XYZ	49.762, 60.915, 63.166
xyY	0.286, 0.35, 60.915
CIE-LCH	82.333, 21.041, 172.526
CIE-LUV	82.333, -26.974, 7.659
Hunter-Lab	78.048, -22.775, 6.649
Binary	10100010, 11011000, 11000111

#a2d8c7
```
#a2d8c7 rgb(162,216,199)
```
#d8a2b3
```
#d8a2b3 rgb(216,162,179)
```

Complementary Color

#a2d8ac
```
#a2d8ac rgb(162,216,172)
```
#a2d8c7
```
#a2d8c7 rgb(162,216,199)
```
#a2ced8
```
#a2ced8 rgb(162,206,216)
```

Analogous Color

#d8aca2
```
#d8aca2 rgb(216,172,162)
```
#a2d8c7
```
#a2d8c7 rgb(162,216,199)
```
#d8a2ce
```
#d8a2ce rgb(216,162,206)
```

Split Complementary Color

#d8c7a2
```
#d8c7a2 rgb(216,199,162)
```
#a2d8c7
```
#a2d8c7 rgb(162,216,199)
```
#c7a2d8
```
#c7a2d8 rgb(199,162,216)
```

Triadic Color

#b3d8a2
```
#b3d8a2 rgb(179,216,162)
```
#a2d8c7
```
#a2d8c7 rgb(162,216,199)
```
#c7a2d8
```
#c7a2d8 rgb(199,162,216)
```
#d8a2b3
```
#d8a2b3 rgb(216,162,179)
```

Tetradic Color

#6cc1a7
```
#6cc1a7 rgb(108,193,167)
```
#7ec9b1
```
#7ec9b1 rgb(126,201,177)
```
#90d0bc
```
#90d0bc rgb(144,208,188)
```
#a2d8c7
```
#a2d8c7 rgb(162,216,199)
```
#b4e0d2
```
#b4e0d2 rgb(180,224,210)
```
#c6e7dd
```
#c6e7dd rgb(198,231,221)
```
#d8efe7
```
#d8efe7 rgb(216,239,231)
```

Monochromatic Color

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

#a2d8ba
```
#a2d8ba rgb(162,216,186)
```
#a2d8be
```
#a2d8be rgb(162,216,190)
```
#a2d8c3
```
#a2d8c3 rgb(162,216,195)
```
#a2d8c7
```
#a2d8c7 rgb(162,216,199)
```
#a2d8cc
```
#a2d8cc rgb(162,216,204)
```
#a2d8d0
```
#a2d8d0 rgb(162,216,208)
```
#a2d8d5
```
#a2d8d5 rgb(162,216,213)
```

Similar Colors

Text with hexadecimal color #a2d8c7

This text has a font color of #a2d8c7.

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

#a2d8c7 background color

This paragraph has a background color of #a2d8c7.

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

#a2d8c7 border color

This element has a border color of #a2d8c7.

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

CSS codes

.text {color:#a2d8c7;}

.background {background-color:#a2d8c7;}

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

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)
```
#0d1f1a
```
#0d1f1a rgb(13,31,26)
```
#132d25
```
#132d25 rgb(19,45,37)
```
#193b30
```
#193b30 rgb(25,59,48)
```
#1f493c
```
#1f493c rgb(31,73,60)
```
#245747
```
#245747 rgb(36,87,71)
```
#2a6452
```
#2a6452 rgb(42,100,82)
```
#30725d
```
#30725d rgb(48,114,93)
```
#368069
```
#368069 rgb(54,128,105)
```
#3c8e74
```
#3c8e74 rgb(60,142,116)
```
#419c7f
```
#419c7f rgb(65,156,127)
```
#47aa8b
```
#47aa8b rgb(71,170,139)
```

Shade Color Variation

#4fb595
```
#4fb595 rgb(79,181,149)
```
#5dbb9d
```
#5dbb9d rgb(93,187,157)
```
#6bc1a6
```
#6bc1a6 rgb(107,193,166)
```
#79c7ae
```
#79c7ae rgb(121,199,174)
```
#86ccb6
```
#86ccb6 rgb(134,204,182)
```
#94d2bf
```
#94d2bf rgb(148,210,191)
```
#a2d8c7
```
#a2d8c7 rgb(162,216,199)
```
#b0decf
```
#b0decf rgb(176,222,207)
```
#bee4d8
```
#bee4d8 rgb(190,228,216)
```
#cbe9e0
```
#cbe9e0 rgb(203,233,224)
```
#d9efe8
```
#d9efe8 rgb(217,239,232)
```
#e7f5f1
```
#e7f5f1 rgb(231,245,241)
```
#f5fbf9
```
#f5fbf9 rgb(245,251,249)
```

Tint Color Variation

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

#bbbfbe
```
#bbbfbe rgb(187,191,190)
```
#b6c4bf
```
#b6c4bf rgb(182,196,191)
```
#b1c9c1
```
#b1c9c1 rgb(177,201,193)
```
#accec3
```
#accec3 rgb(172,206,195)
```
#a7d3c5
```
#a7d3c5 rgb(167,211,197)
```
#a2d8c7
```
#a2d8c7 rgb(162,216,199)
```
#9dddc9
```
#9dddc9 rgb(157,221,201)
```
#98e2cb
```
#98e2cb rgb(152,226,203)
```
#93e7cd
```
#93e7cd rgb(147,231,205)
```
#8eeccf
```
#8eeccf rgb(142,236,207)
```
#89f1d0
```
#89f1d0 rgb(137,241,208)
```
#84f6d2
```
#84f6d2 rgb(132,246,210)
```
#7efcd4
```
#7efcd4 rgb(126,252,212)
```

Tone Color Variation

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

#d5cec4 Protanopia 1% of men
#e2c9cf Deuteranopia 1% of men
#add5e5 Tritanopia 0.001% of the population

Trichromacy

#c2d2c5 Protanomaly 1% of men, 0.01% of women
#cacecc Deuteranomaly 6% of men, 0.4% of women
#a9d6da Tritanomaly 0.01% of the population

#a2d8c7 hex color

#a2d8c7 Color Information

#a2d8c7 Color Conversion

Color Schemes with #a2d8c7

Alternatives to #a2d8c7

#a2d8c7 Preview

Shades and Tints of #a2d8c7

Tones of #a2d8c7

Color Blindness Simulator