#a4f5f2 hex color

In a RGB color space, hex #a4f5f2 is composed of 64.3% red, 96.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 0% magenta, 1.2% yellow and 3.9% black. It has a hue angle of 177.8 degrees, a saturation of 80.2% and a lightness of 80.2%. #a4f5f2 color hex could be obtained by blending #ffffff with #49ebe5. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 64
- G 96
- B 95
RGB color chart
- C 33
- M 0
- Y 1
- K 4
CMYK color chart

● #a4f5f2 color description : Very soft cyan.

The hexadecimal color #a4f5f2 has RGB values of R:164, G:245, B:242 and CMYK values of C:0.33, M:0, Y:0.01, K:0.04. Its decimal value is 10810866.

Hex triplet	a4f5f2	`#a4f5f2`
RGB Decimal	164, 245, 242	`rgb(164,245,242)`
RGB Percent	64.3, 96.1, 94.9	`rgb(64.3%,96.1%,94.9%)`
CMYK	33, 0, 1, 4
HSL	177.8°, 80.2, 80.2	`hsl(177.8,80.2%,80.2%)`
HSV (or HSB)	177.8°, 33.1, 96.1
Web Safe	99ffff	`#99ffff`

CIE-LAB	91.507, -25.183, -6.417
XYZ	63.985, 79.605, 95.993
xyY	0.267, 0.332, 79.605
CIE-LCH	91.507, 25.987, 194.295
CIE-LUV	91.507, -38.417, -5.864
Hunter-Lab	89.222, -28.127, -1.335
Binary	10100100, 11110101, 11110010

#a4f5f2
```
#a4f5f2 rgb(164,245,242)
```
#f5a4a7
```
#f5a4a7 rgb(245,164,167)
```

Complementary Color

#a4f5ca
```
#a4f5ca rgb(164,245,202)
```
#a4f5f2
```
#a4f5f2 rgb(164,245,242)
```
#a4d0f5
```
#a4d0f5 rgb(164,208,245)
```

Analogous Color

#f5caa4
```
#f5caa4 rgb(245,202,164)
```
#a4f5f2
```
#a4f5f2 rgb(164,245,242)
```
#f5a4d0
```
#f5a4d0 rgb(245,164,208)
```

Split Complementary Color

#f5f2a4
```
#f5f2a4 rgb(245,242,164)
```
#a4f5f2
```
#a4f5f2 rgb(164,245,242)
```
#f2a4f5
```
#f2a4f5 rgb(242,164,245)
```

Triadic Color

#a7f5a4
```
#a7f5a4 rgb(167,245,164)
```
#a4f5f2
```
#a4f5f2 rgb(164,245,242)
```
#f2a4f5
```
#f2a4f5 rgb(242,164,245)
```
#f5a4a7
```
#f5a4a7 rgb(245,164,167)
```

Tetradic Color

#5fede8
```
#5fede8 rgb(95,237,232)
```
#76f0eb
```
#76f0eb rgb(118,240,235)
```
#8df2ef
```
#8df2ef rgb(141,242,239)
```
#a4f5f2
```
#a4f5f2 rgb(164,245,242)
```
#bbf8f5
```
#bbf8f5 rgb(187,248,245)
```
#d2faf9
```
#d2faf9 rgb(210,250,249)
```
#e9fdfc
```
#e9fdfc rgb(233,253,252)
```

Monochromatic Color

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

#a4f5de
```
#a4f5de rgb(164,245,222)
```
#a4f5e5
```
#a4f5e5 rgb(164,245,229)
```
#a4f5eb
```
#a4f5eb rgb(164,245,235)
```
#a4f5f2
```
#a4f5f2 rgb(164,245,242)
```
#a4f1f5
```
#a4f1f5 rgb(164,241,245)
```
#a4ebf5
```
#a4ebf5 rgb(164,235,245)
```
#a4e4f5
```
#a4e4f5 rgb(164,228,245)
```

Similar Colors

Text with hexadecimal color #a4f5f2

This text has a font color of #a4f5f2.

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

#a4f5f2 background color

This paragraph has a background color of #a4f5f2.

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

#a4f5f2 border color

This element has a border color of #a4f5f2.

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

CSS codes

.text {color:#a4f5f2;}

.background {background-color:#a4f5f2;}

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

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, #020f0f is the darkest color, while #fcffff is the lightest one.

#020f0f
```
#020f0f rgb(2,15,15)
```
#042120
```
#042120 rgb(4,33,32)
```
#063231
```
#063231 rgb(6,50,49)
```
#074442
```
#074442 rgb(7,68,66)
```
#095653
```
#095653 rgb(9,86,83)
```
#0b6764
```
#0b6764 rgb(11,103,100)
```
#0d7975
```
#0d7975 rgb(13,121,117)
```
#0f8b86
```
#0f8b86 rgb(15,139,134)
```
#119c97
```
#119c97 rgb(17,156,151)
```
#13aea8
```
#13aea8 rgb(19,174,168)
```
#15c0b9
```
#15c0b9 rgb(21,192,185)
```
#17d1cb
```
#17d1cb rgb(23,209,203)
```
#19e3dc
```
#19e3dc rgb(25,227,220)
```

Shade Color Variation

#28e7e0
```
#28e7e0 rgb(40,231,224)
```
#3ae9e3
```
#3ae9e3 rgb(58,233,227)
```
#4cebe5
```
#4cebe5 rgb(76,235,229)
```
#5dede8
```
#5dede8 rgb(93,237,232)
```
#6fefea
```
#6fefea rgb(111,239,234)
```
#81f1ed
```
#81f1ed rgb(129,241,237)
```
#92f3ef
```
#92f3ef rgb(146,243,239)
```
#a4f5f2
```
#a4f5f2 rgb(164,245,242)
```
#b6f7f5
```
#b6f7f5 rgb(182,247,245)
```
#c7f9f7
```
#c7f9f7 rgb(199,249,247)
```
#d9fbfa
```
#d9fbfa rgb(217,251,250)
```
#ebfdfc
```
#ebfdfc rgb(235,253,252)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#cbcece
```
#cbcece rgb(203,206,206)
```
#c7d2d2
```
#c7d2d2 rgb(199,210,210)
```
#c3d6d5
```
#c3d6d5 rgb(195,214,213)
```
#bfdad9
```
#bfdad9 rgb(191,218,217)
```
#bbdedc
```
#bbdedc rgb(187,222,220)
```
#b7e2e0
```
#b7e2e0 rgb(183,226,224)
```
#b4e5e4
```
#b4e5e4 rgb(180,229,228)
```
#b0e9e7
```
#b0e9e7 rgb(176,233,231)
```
#acedeb
```
#acedeb rgb(172,237,235)
```
#a8f1ee
```
#a8f1ee rgb(168,241,238)
```
#a4f5f2
```
#a4f5f2 rgb(164,245,242)
```
#a0f9f6
```
#a0f9f6 rgb(160,249,246)
```
#9cfdf9
```
#9cfdf9 rgb(156,253,249)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#d1e1e0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eae6ea Protanopia 1% of men
#f4e1f9 Deuteranopia 1% of men
#bbf0ff Tritanopia 0.001% of the population

Trichromacy

#d1ebed Protanomaly 1% of men, 0.01% of women
#d7e8f6 Deuteranomaly 6% of men, 0.4% of women
#b3f2fa Tritanomaly 0.01% of the population

#a4f5f2 hex color

#a4f5f2 Color Information

#a4f5f2 Color Conversion

Color Schemes with #a4f5f2

Alternatives to #a4f5f2

#a4f5f2 Preview

Shades and Tints of #a4f5f2

Tones of #a4f5f2

Color Blindness Simulator