#a4f5f5 hex color

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

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

● #a4f5f5 color description : Very soft cyan.

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

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

CIE-LAB	91.589, -24.5, -7.856
XYZ	64.439, 79.787, 98.386
xyY	0.266, 0.329, 79.787
CIE-LCH	91.589, 25.729, 197.779
CIE-LUV	91.589, -38.373, -8.291
Hunter-Lab	89.323, -27.543, -2.779
Binary	10100100, 11110101, 11110101

#a4f5f5
```
#a4f5f5 rgb(164,245,245)
```
#f5a4a4
```
#f5a4a4 rgb(245,164,164)
```

Complementary Color

#a4f5cd
```
#a4f5cd rgb(164,245,205)
```
#a4f5f5
```
#a4f5f5 rgb(164,245,245)
```
#a4cdf5
```
#a4cdf5 rgb(164,205,245)
```

Analogous Color

#f5cda4
```
#f5cda4 rgb(245,205,164)
```
#a4f5f5
```
#a4f5f5 rgb(164,245,245)
```
#f5a4cd
```
#f5a4cd rgb(245,164,205)
```

Split Complementary Color

#f5f5a4
```
#f5f5a4 rgb(245,245,164)
```
#a4f5f5
```
#a4f5f5 rgb(164,245,245)
```
#f5a4f5
```
#f5a4f5 rgb(245,164,245)
```

Triadic Color

#a4f5a4
```
#a4f5a4 rgb(164,245,164)
```
#a4f5f5
```
#a4f5f5 rgb(164,245,245)
```
#f5a4f5
```
#f5a4f5 rgb(245,164,245)
```
#f5a4a4
```
#f5a4a4 rgb(245,164,164)
```

Tetradic Color

#5feded
```
#5feded rgb(95,237,237)
```
#76f0f0
```
#76f0f0 rgb(118,240,240)
```
#8df2f2
```
#8df2f2 rgb(141,242,242)
```
#a4f5f5
```
#a4f5f5 rgb(164,245,245)
```
#bbf8f8
```
#bbf8f8 rgb(187,248,248)
```
#d2fafa
```
#d2fafa rgb(210,250,250)
```
#e9fdfd
```
#e9fdfd rgb(233,253,253)
```

Monochromatic Color

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

#a4f5e1
```
#a4f5e1 rgb(164,245,225)
```
#a4f5e8
```
#a4f5e8 rgb(164,245,232)
```
#a4f5ee
```
#a4f5ee rgb(164,245,238)
```
#a4f5f5
```
#a4f5f5 rgb(164,245,245)
```
#a4eef5
```
#a4eef5 rgb(164,238,245)
```
#a4e8f5
```
#a4e8f5 rgb(164,232,245)
```
#a4e1f5
```
#a4e1f5 rgb(164,225,245)
```

Similar Colors

Text with hexadecimal color #a4f5f5

This text has a font color of #a4f5f5.

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

#a4f5f5 background color

This paragraph has a background color of #a4f5f5.

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

#a4f5f5 border color

This element has a border color of #a4f5f5.

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

CSS codes

.text {color:#a4f5f5;}

.background {background-color:#a4f5f5;}

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

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)
```
#042121
```
#042121 rgb(4,33,33)
```
#063232
```
#063232 rgb(6,50,50)
```
#074444
```
#074444 rgb(7,68,68)
```
#095656
```
#095656 rgb(9,86,86)
```
#0b6767
```
#0b6767 rgb(11,103,103)
```
#0d7979
```
#0d7979 rgb(13,121,121)
```
#0f8b8b
```
#0f8b8b rgb(15,139,139)
```
#119c9c
```
#119c9c rgb(17,156,156)
```
#13aeae
```
#13aeae rgb(19,174,174)
```
#15c0c0
```
#15c0c0 rgb(21,192,192)
```
#17d1d1
```
#17d1d1 rgb(23,209,209)
```
#19e3e3
```
#19e3e3 rgb(25,227,227)
```

Shade Color Variation

#28e7e7
```
#28e7e7 rgb(40,231,231)
```
#3ae9e9
```
#3ae9e9 rgb(58,233,233)
```
#4cebeb
```
#4cebeb rgb(76,235,235)
```
#5deded
```
#5deded rgb(93,237,237)
```
#6fefef
```
#6fefef rgb(111,239,239)
```
#81f1f1
```
#81f1f1 rgb(129,241,241)
```
#92f3f3
```
#92f3f3 rgb(146,243,243)
```
#a4f5f5
```
#a4f5f5 rgb(164,245,245)
```
#b6f7f7
```
#b6f7f7 rgb(182,247,247)
```
#c7f9f9
```
#c7f9f9 rgb(199,249,249)
```
#d9fbfb
```
#d9fbfb rgb(217,251,251)
```
#ebfdfd
```
#ebfdfd rgb(235,253,253)
```
#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 #9cfdfd is the most saturated one.

#cbcece
```
#cbcece rgb(203,206,206)
```
#c7d2d2
```
#c7d2d2 rgb(199,210,210)
```
#c3d6d6
```
#c3d6d6 rgb(195,214,214)
```
#bfdada
```
#bfdada rgb(191,218,218)
```
#bbdede
```
#bbdede rgb(187,222,222)
```
#b7e2e2
```
#b7e2e2 rgb(183,226,226)
```
#b4e5e5
```
#b4e5e5 rgb(180,229,229)
```
#b0e9e9
```
#b0e9e9 rgb(176,233,233)
```
#aceded
```
#aceded rgb(172,237,237)
```
#a8f1f1
```
#a8f1f1 rgb(168,241,241)
```
#a4f5f5
```
#a4f5f5 rgb(164,245,245)
```
#a0f9f9
```
#a0f9f9 rgb(160,249,249)
```
#9cfdfd
```
#9cfdfd rgb(156,253,253)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#d2e2e2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eae6ed Protanopia 1% of men
#f3e2fc Deuteranopia 1% of men
#bcf0ff Tritanopia 0.001% of the population

Trichromacy

#d0ecf0 Protanomaly 1% of men, 0.01% of women
#d6e9f9 Deuteranomaly 6% of men, 0.4% of women
#b3f2fb Tritanomaly 0.01% of the population

#a4f5f5 hex color

#a4f5f5 Color Information

#a4f5f5 Color Conversion

Color Schemes with #a4f5f5

Alternatives to #a4f5f5

#a4f5f5 Preview

Shades and Tints of #a4f5f5

Tones of #a4f5f5

Color Blindness Simulator