#a2f5ef hex color

In a RGB color space, hex #a2f5ef is composed of 63.5% red, 96.1% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 33.9% cyan, 0% magenta, 2.4% yellow and 3.9% black. It has a hue angle of 175.7 degrees, a saturation of 80.6% and a lightness of 79.8%. #a2f5ef color hex could be obtained by blending #ffffff with #45ebdf. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 64
- G 96
- B 94
RGB color chart
- C 34
- M 0
- Y 2
- K 4
CMYK color chart

● #a2f5ef color description : Very soft cyan.

The hexadecimal color #a2f5ef has RGB values of R:162, G:245, B:239 and CMYK values of C:0.34, M:0, Y:0.02, K:0.04. Its decimal value is 10679791.

Hex triplet	a2f5ef	`#a2f5ef`
RGB Decimal	162, 245, 239	`rgb(162,245,239)`
RGB Percent	63.5, 96.1, 93.7	`rgb(63.5%,96.1%,93.7%)`
CMYK	34, 0, 2, 4
HSL	175.7°, 80.6, 79.8	`hsl(175.7,80.6%,79.8%)`
HSV (or HSB)	175.7°, 33.9, 96.1
Web Safe	99ffff	`#99ffff`

CIE-LAB	91.332, -26.389, -5.126
XYZ	63.129, 79.215, 93.62
xyY	0.268, 0.336, 79.215
CIE-LCH	91.332, 26.882, 190.993
CIE-LUV	91.332, -39.225, -3.608
Hunter-Lab	89.003, -29.147, -0.064
Binary	10100010, 11110101, 11101111

#a2f5ef
```
#a2f5ef rgb(162,245,239)
```
#f5a2a8
```
#f5a2a8 rgb(245,162,168)
```

Complementary Color

#a2f5c6
```
#a2f5c6 rgb(162,245,198)
```
#a2f5ef
```
#a2f5ef rgb(162,245,239)
```
#a2d2f5
```
#a2d2f5 rgb(162,210,245)
```

Analogous Color

#f5c6a2
```
#f5c6a2 rgb(245,198,162)
```
#a2f5ef
```
#a2f5ef rgb(162,245,239)
```
#f5a2d2
```
#f5a2d2 rgb(245,162,210)
```

Split Complementary Color

#f5efa2
```
#f5efa2 rgb(245,239,162)
```
#a2f5ef
```
#a2f5ef rgb(162,245,239)
```
#efa2f5
```
#efa2f5 rgb(239,162,245)
```

Triadic Color

#a8f5a2
```
#a8f5a2 rgb(168,245,162)
```
#a2f5ef
```
#a2f5ef rgb(162,245,239)
```
#efa2f5
```
#efa2f5 rgb(239,162,245)
```
#f5a2a8
```
#f5a2a8 rgb(245,162,168)
```

Tetradic Color

#5deee3
```
#5deee3 rgb(93,238,227)
```
#74f0e7
```
#74f0e7 rgb(116,240,231)
```
#8bf3eb
```
#8bf3eb rgb(139,243,235)
```
#a2f5ef
```
#a2f5ef rgb(162,245,239)
```
#b9f7f3
```
#b9f7f3 rgb(185,247,243)
```
#d0faf7
```
#d0faf7 rgb(208,250,247)
```
#e7fcfb
```
#e7fcfb rgb(231,252,251)
```

Monochromatic Color

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

#a2f5da
```
#a2f5da rgb(162,245,218)
```
#a2f5e1
```
#a2f5e1 rgb(162,245,225)
```
#a2f5e8
```
#a2f5e8 rgb(162,245,232)
```
#a2f5ef
```
#a2f5ef rgb(162,245,239)
```
#a2f4f5
```
#a2f4f5 rgb(162,244,245)
```
#a2edf5
```
#a2edf5 rgb(162,237,245)
```
#a2e6f5
```
#a2e6f5 rgb(162,230,245)
```

Similar Colors

Text with hexadecimal color #a2f5ef

This text has a font color of #a2f5ef.

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

#a2f5ef background color

This paragraph has a background color of #a2f5ef.

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

#a2f5ef border color

This element has a border color of #a2f5ef.

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

CSS codes

.text {color:#a2f5ef;}

.background {background-color:#a2f5ef;}

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

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, #010d0c is the darkest color, while #fbfffe is the lightest one.

#010d0c
```
#010d0c rgb(1,13,12)
```
#031f1d
```
#031f1d rgb(3,31,29)
```
#05312e
```
#05312e rgb(5,49,46)
```
#07423e
```
#07423e rgb(7,66,62)
```
#09544f
```
#09544f rgb(9,84,79)
```
#0b665f
```
#0b665f rgb(11,102,95)
```
#0d7870
```
#0d7870 rgb(13,120,112)
```
#0f8980
```
#0f8980 rgb(15,137,128)
```
#119b91
```
#119b91 rgb(17,155,145)
```
#13ada2
```
#13ada2 rgb(19,173,162)
```
#14beb2
```
#14beb2 rgb(20,190,178)
```
#16d0c3
```
#16d0c3 rgb(22,208,195)
```
#18e2d3
```
#18e2d3 rgb(24,226,211)
```

Shade Color Variation

#26e8da
```
#26e8da rgb(38,232,218)
```
#38eadd
```
#38eadd rgb(56,234,221)
```
#49ebe0
```
#49ebe0 rgb(73,235,224)
```
#5bede3
```
#5bede3 rgb(91,237,227)
```
#6defe6
```
#6defe6 rgb(109,239,230)
```
#7ff1e9
```
#7ff1e9 rgb(127,241,233)
```
#90f3ec
```
#90f3ec rgb(144,243,236)
```
#a2f5ef
```
#a2f5ef rgb(162,245,239)
```
#b4f7f2
```
#b4f7f2 rgb(180,247,242)
```
#c5f9f5
```
#c5f9f5 rgb(197,249,245)
```
#d7fbf8
```
#d7fbf8 rgb(215,251,248)
```
#e9fdfb
```
#e9fdfb rgb(233,253,251)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

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

#cacdcd
```
#cacdcd rgb(202,205,205)
```
#c6d1d1
```
#c6d1d1 rgb(198,209,209)
```
#c2d5d4
```
#c2d5d4 rgb(194,213,212)
```
#bed9d7
```
#bed9d7 rgb(190,217,215)
```
#badddb
```
#badddb rgb(186,221,219)
```
#b6e1de
```
#b6e1de rgb(182,225,222)
```
#b2e5e1
```
#b2e5e1 rgb(178,229,225)
```
#aee9e5
```
#aee9e5 rgb(174,233,229)
```
#aaede8
```
#aaede8 rgb(170,237,232)
```
#a6f1ec
```
#a6f1ec rgb(166,241,236)
```
#a2f5ef
```
#a2f5ef rgb(162,245,239)
```
#9ef9f2
```
#9ef9f2 rgb(158,249,242)
```
#9afdf6
```
#9afdf6 rgb(154,253,246)
```

Tone Color Variation

Below, you can see how #a2f5ef 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
#d0e0df Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe6e7 Protanopia 1% of men
#f5e1f6 Deuteranopia 1% of men
#b9f0ff Tritanopia 0.001% of the population

Trichromacy

#d0ebea Protanomaly 1% of men, 0.01% of women
#d7e8f3 Deuteranomaly 6% of men, 0.4% of women
#b1f2f9 Tritanomaly 0.01% of the population

#a2f5ef hex color

#a2f5ef Color Information

#a2f5ef Color Conversion

Color Schemes with #a2f5ef

Alternatives to #a2f5ef

#a2f5ef Preview

Shades and Tints of #a2f5ef

Tones of #a2f5ef

Color Blindness Simulator