#a2ffba hex color

In a RGB color space, hex #a2ffba is composed of 63.5% red, 100% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 36.5% cyan, 0% magenta, 27.1% yellow and 0% black. It has a hue angle of 135.5 degrees, a saturation of 100% and a lightness of 81.8%. #a2ffba color hex could be obtained by blending #ffffff with #45ff75. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 64
- G 100
- B 73
RGB color chart
- C 36
- M 0
- Y 27
- K 0
CMYK color chart

● #a2ffba color description : Pale cyan - lime green.

The hexadecimal color #a2ffba has RGB values of R:162, G:255, B:186 and CMYK values of C:0.36, M:0, Y:0.27, K:0. Its decimal value is 10682298.

Hex triplet	a2ffba	`#a2ffba`
RGB Decimal	162, 255, 186	`rgb(162,255,186)`
RGB Percent	63.5, 100, 72.9	`rgb(63.5%,100%,72.9%)`
CMYK	36, 0, 27, 0
HSL	135.5°, 100, 81.8	`hsl(135.5,100%,81.8%)`
HSV (or HSB)	135.5°, 36.5, 100
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	92.902, -41.634, 24.446
XYZ	59.52, 82.744, 59.287
xyY	0.295, 0.411, 82.744
CIE-LCH	92.902, 48.28, 149.58
CIE-LUV	92.902, -44.462, 42.673
Hunter-Lab	90.964, -42.388, 25.032
Binary	10100010, 11111111, 10111010

#a2ffba
```
#a2ffba rgb(162,255,186)
```
#ffa2e7
```
#ffa2e7 rgb(255,162,231)
```

Complementary Color

#b9ffa2
```
#b9ffa2 rgb(185,255,162)
```
#a2ffba
```
#a2ffba rgb(162,255,186)
```
#a2ffe9
```
#a2ffe9 rgb(162,255,233)
```

Analogous Color

#ffa2b9
```
#ffa2b9 rgb(255,162,185)
```
#a2ffba
```
#a2ffba rgb(162,255,186)
```
#e9a2ff
```
#e9a2ff rgb(233,162,255)
```

Split Complementary Color

#ffbaa2
```
#ffbaa2 rgb(255,186,162)
```
#a2ffba
```
#a2ffba rgb(162,255,186)
```
#baa2ff
```
#baa2ff rgb(186,162,255)
```

Triadic Color

#e7ffa2
```
#e7ffa2 rgb(231,255,162)
```
#a2ffba
```
#a2ffba rgb(162,255,186)
```
#baa2ff
```
#baa2ff rgb(186,162,255)
```
#ffa2e7
```
#ffa2e7 rgb(255,162,231)
```

Tetradic Color

#56ff81
```
#56ff81 rgb(86,255,129)
```
#6fff94
```
#6fff94 rgb(111,255,148)
```
#89ffa7
```
#89ffa7 rgb(137,255,167)
```
#a2ffba
```
#a2ffba rgb(162,255,186)
```
#bcffcd
```
#bcffcd rgb(188,255,205)
```
#d5ffe0
```
#d5ffe0 rgb(213,255,224)
```
#effff3
```
#effff3 rgb(239,255,243)
```

Monochromatic Color

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

#a2ffa3
```
#a2ffa3 rgb(162,255,163)
```
#a2ffab
```
#a2ffab rgb(162,255,171)
```
#a2ffb2
```
#a2ffb2 rgb(162,255,178)
```
#a2ffba
```
#a2ffba rgb(162,255,186)
```
#a2ffc2
```
#a2ffc2 rgb(162,255,194)
```
#a2ffca
```
#a2ffca rgb(162,255,202)
```
#a2ffd1
```
#a2ffd1 rgb(162,255,209)
```

Similar Colors

Text with hexadecimal color #a2ffba

This text has a font color of #a2ffba.

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

#a2ffba background color

This paragraph has a background color of #a2ffba.

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

#a2ffba border color

This element has a border color of #a2ffba.

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

CSS codes

.text {color:#a2ffba;}

.background {background-color:#a2ffba;}

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

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

#000501
```
#000501 rgb(0,5,1)
```
#001906
```
#001906 rgb(0,25,6)
```
#002c0b
```
#002c0b rgb(0,44,11)
```
#004010
```
#004010 rgb(0,64,16)
```
#005416
```
#005416 rgb(0,84,22)
```
#00671b
```
#00671b rgb(0,103,27)
```
#007b20
```
#007b20 rgb(0,123,32)
```
#008e25
```
#008e25 rgb(0,142,37)
```
#00a22a
```
#00a22a rgb(0,162,42)
```
#00b62f
```
#00b62f rgb(0,182,47)
```
#00c934
```
#00c934 rgb(0,201,52)
```
#00dd39
```
#00dd39 rgb(0,221,57)
```
#00f03e
```
#00f03e rgb(0,240,62)
```

Shade Color Variation

#05ff46
```
#05ff46 rgb(5,255,70)
```
#19ff54
```
#19ff54 rgb(25,255,84)
```
#2cff63
```
#2cff63 rgb(44,255,99)
```
#40ff71
```
#40ff71 rgb(64,255,113)
```
#54ff80
```
#54ff80 rgb(84,255,128)
```
#67ff8e
```
#67ff8e rgb(103,255,142)
```
#7bff9d
```
#7bff9d rgb(123,255,157)
```
#8effab
```
#8effab rgb(142,255,171)
```
#a2ffba
```
#a2ffba rgb(162,255,186)
```
#b6ffc9
```
#b6ffc9 rgb(182,255,201)
```
#c9ffd7
```
#c9ffd7 rgb(201,255,215)
```
#ddffe6
```
#ddffe6 rgb(221,255,230)
```
#f0fff4
```
#f0fff4 rgb(240,255,244)
```

Tint Color Variation

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

#cdd4cf
```
#cdd4cf rgb(205,212,207)
```
#c9d8cd
```
#c9d8cd rgb(201,216,205)
```
#c6dbcb
```
#c6dbcb rgb(198,219,203)
```
#c2dfca
```
#c2dfca rgb(194,223,202)
```
#bfe2c8
```
#bfe2c8 rgb(191,226,200)
```
#bbe6c6
```
#bbe6c6 rgb(187,230,198)
```
#b7eac4
```
#b7eac4 rgb(183,234,196)
```
#b4edc3
```
#b4edc3 rgb(180,237,195)
```
#b0f1c1
```
#b0f1c1 rgb(176,241,193)
```
#adf4bf
```
#adf4bf rgb(173,244,191)
```
#a9f8bd
```
#a9f8bd rgb(169,248,189)
```
#a6fbbc
```
#a6fbbc rgb(166,251,188)
```
#a2ffba
```
#a2ffba rgb(162,255,186)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#d0e2d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbebb5 Protanopia 1% of men
#ffe7d9 Deuteranopia 1% of men
#caf2ff Tritanopia 0.001% of the population

Trichromacy

#dbf2b6 Protanomaly 1% of men, 0.01% of women
#ddefcd Deuteranomaly 6% of men, 0.4% of women
#bbf6e5 Tritanomaly 0.01% of the population

#a2ffba hex color

#a2ffba Color Information

#a2ffba Color Conversion

Color Schemes with #a2ffba

Alternatives to #a2ffba

#a2ffba Preview

Shades and Tints of #a2ffba

Tones of #a2ffba

Color Blindness Simulator