#a2c1af hex color

In a RGB color space, hex #a2c1af is composed of 63.5% red, 75.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 16.1% cyan, 0% magenta, 9.3% yellow and 24.3% black. It has a hue angle of 145.2 degrees, a saturation of 20% and a lightness of 69.6%. #a2c1af color hex could be obtained by blending #ffffff with #45835f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 64
- G 76
- B 69
RGB color chart
- C 16
- M 0
- Y 9
- K 24
CMYK color chart

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

The hexadecimal color #a2c1af has RGB values of R:162, G:193, B:175 and CMYK values of C:0.16, M:0, Y:0.09, K:0.24. Its decimal value is 10666415.

Hex triplet	a2c1af	`#a2c1af`
RGB Decimal	162, 193, 175	`rgb(162,193,175)`
RGB Percent	63.5, 75.7, 68.6	`rgb(63.5%,75.7%,68.6%)`
CMYK	16, 0, 9, 24
HSL	145.2°, 20, 69.6	`hsl(145.2,20%,69.6%)`
HSV (or HSB)	145.2°, 16.1, 75.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	75.399, -14.012, 5.582
XYZ	41.706, 48.916, 47.799
xyY	0.301, 0.353, 48.916
CIE-LCH	75.399, 15.083, 158.28
CIE-LUV	75.399, -15.956, 10.577
Hunter-Lab	69.94, -15.952, 8.437
Binary	10100010, 11000001, 10101111

#a2c1af
```
#a2c1af rgb(162,193,175)
```
#c1a2b4
```
#c1a2b4 rgb(193,162,180)
```

Complementary Color

#a5c1a2
```
#a5c1a2 rgb(165,193,162)
```
#a2c1af
```
#a2c1af rgb(162,193,175)
```
#a2c1bf
```
#a2c1bf rgb(162,193,191)
```

Analogous Color

#c1a2a5
```
#c1a2a5 rgb(193,162,165)
```
#a2c1af
```
#a2c1af rgb(162,193,175)
```
#bfa2c1
```
#bfa2c1 rgb(191,162,193)
```

Split Complementary Color

#c1afa2
```
#c1afa2 rgb(193,175,162)
```
#a2c1af
```
#a2c1af rgb(162,193,175)
```
#afa2c1
```
#afa2c1 rgb(175,162,193)
```

Triadic Color

#b4c1a2
```
#b4c1a2 rgb(180,193,162)
```
#a2c1af
```
#a2c1af rgb(162,193,175)
```
#afa2c1
```
#afa2c1 rgb(175,162,193)
```
#c1a2b4
```
#c1a2b4 rgb(193,162,180)
```

Tetradic Color

#74a288
```
#74a288 rgb(116,162,136)
```
#83ad95
```
#83ad95 rgb(131,173,149)
```
#93b7a2
```
#93b7a2 rgb(147,183,162)
```
#a2c1af
```
#a2c1af rgb(162,193,175)
```
#b1cbbc
```
#b1cbbc rgb(177,203,188)
```
#c1d5c9
```
#c1d5c9 rgb(193,213,201)
```
#d0e0d6
```
#d0e0d6 rgb(208,224,214)
```

Monochromatic Color

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

#a2c1a7
```
#a2c1a7 rgb(162,193,167)
```
#a2c1aa
```
#a2c1aa rgb(162,193,170)
```
#a2c1ac
```
#a2c1ac rgb(162,193,172)
```
#a2c1af
```
#a2c1af rgb(162,193,175)
```
#a2c1b2
```
#a2c1b2 rgb(162,193,178)
```
#a2c1b4
```
#a2c1b4 rgb(162,193,180)
```
#a2c1b7
```
#a2c1b7 rgb(162,193,183)
```

Similar Colors

Text with hexadecimal color #a2c1af

This text has a font color of #a2c1af.

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

#a2c1af background color

This paragraph has a background color of #a2c1af.

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

#a2c1af border color

This element has a border color of #a2c1af.

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

CSS codes

.text {color:#a2c1af;}

.background {background-color:#a2c1af;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090d0a
```
#090d0a rgb(9,13,10)
```
#101914
```
#101914 rgb(16,25,20)
```
#18241d
```
#18241d rgb(24,36,29)
```
#203027
```
#203027 rgb(32,48,39)
```
#283c30
```
#283c30 rgb(40,60,48)
```
#30483a
```
#30483a rgb(48,72,58)
```
#385443
```
#385443 rgb(56,84,67)
```
#405f4d
```
#405f4d rgb(64,95,77)
```
#476b56
```
#476b56 rgb(71,107,86)
```
#4f7760
```
#4f7760 rgb(79,119,96)
```
#578369
```
#578369 rgb(87,131,105)
```
#5f8e73
```
#5f8e73 rgb(95,142,115)
```

Shade Color Variation

#679a7c
```
#679a7c rgb(103,154,124)
```
#73a287
```
#73a287 rgb(115,162,135)
```
#7fa991
```
#7fa991 rgb(127,169,145)
```
#8ab19b
```
#8ab19b rgb(138,177,155)
```
#96b9a5
```
#96b9a5 rgb(150,185,165)
```
#a2c1af
```
#a2c1af rgb(162,193,175)
```
#aec9b9
```
#aec9b9 rgb(174,201,185)
```
#bad1c3
```
#bad1c3 rgb(186,209,195)
```
#c5d9cd
```
#c5d9cd rgb(197,217,205)
```
#d1e0d7
```
#d1e0d7 rgb(209,224,215)
```
#dde8e2
```
#dde8e2 rgb(221,232,226)
```
#e9f0ec
```
#e9f0ec rgb(233,240,236)
```
#f4f8f6
```
#f4f8f6 rgb(244,248,246)
```

Tint Color Variation

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

#aeb5b1
```
#aeb5b1 rgb(174,181,177)
```
#a8bbb0
```
#a8bbb0 rgb(168,187,176)
```
#a2c1af
```
#a2c1af rgb(162,193,175)
```
#9cc7ae
```
#9cc7ae rgb(156,199,174)
```
#96cdad
```
#96cdad rgb(150,205,173)
```
#90d3ac
```
#90d3ac rgb(144,211,172)
```
#8ad9ab
```
#8ad9ab rgb(138,217,171)
```
#84dfaa
```
#84dfaa rgb(132,223,170)
```
#7ee5a9
```
#7ee5a9 rgb(126,229,169)
```
#78eba8
```
#78eba8 rgb(120,235,168)
```
#72f1a7
```
#72f1a7 rgb(114,241,167)
```
#6cf7a6
```
#6cf7a6 rgb(108,247,166)
```
#66fda5
```
#66fda5 rgb(102,253,165)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b2b8b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3bcaf Protanopia 1% of men
#d1b7b7 Deuteranopia 1% of men
#acc0cd Tritanopia 0.001% of the population

Trichromacy

#b7beaf Protanomaly 1% of men, 0.01% of women
#bfbab4 Deuteranomaly 6% of men, 0.4% of women
#a8c0c2 Tritanomaly 0.01% of the population

#a2c1af hex color

#a2c1af Color Information

#a2c1af Color Conversion

Color Schemes with #a2c1af

Alternatives to #a2c1af

#a2c1af Preview

Shades and Tints of #a2c1af

Tones of #a2c1af

Color Blindness Simulator