#5ff2a4 hex color

In a RGB color space, hex #5ff2a4 is composed of 37.3% red, 94.9% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 0% magenta, 32.2% yellow and 5.1% black. It has a hue angle of 148.2 degrees, a saturation of 85% and a lightness of 66.1%. #5ff2a4 color hex could be obtained by blending #beffff with #00e549. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 37
- G 95
- B 64
RGB color chart
- C 61
- M 0
- Y 32
- K 5
CMYK color chart

● #5ff2a4 color description : Soft cyan - lime green.

The hexadecimal color #5ff2a4 has RGB values of R:95, G:242, B:164 and CMYK values of C:0.61, M:0, Y:0.32, K:0.05. Its decimal value is 6288036.

Hex triplet	5ff2a4	`#5ff2a4`
RGB Decimal	95, 242, 164	`rgb(95,242,164)`
RGB Percent	37.3, 94.9, 64.3	`rgb(37.3%,94.9%,64.3%)`
CMYK	61, 0, 32, 5
HSL	148.2°, 85, 66.1	`hsl(148.2,85%,66.1%)`
HSV (or HSB)	148.2°, 60.7, 94.9
Web Safe	66ff99	`#66ff99`

CIE-LAB	86.312, -56.662, 26.234
XYZ	43.169, 68.614, 46.089
xyY	0.273, 0.435, 68.614
CIE-LCH	86.312, 62.44, 155.157
CIE-LUV	86.312, -61.946, 46.839
Hunter-Lab	82.833, -51.932, 24.994
Binary	01011111, 11110010, 10100100

#5ff2a4
```
#5ff2a4 rgb(95,242,164)
```
#f25fad
```
#f25fad rgb(242,95,173)
```

Complementary Color

#64f25f
```
#64f25f rgb(100,242,95)
```
#5ff2a4
```
#5ff2a4 rgb(95,242,164)
```
#5ff2ee
```
#5ff2ee rgb(95,242,238)
```

Analogous Color

#f25f64
```
#f25f64 rgb(242,95,100)
```
#5ff2a4
```
#5ff2a4 rgb(95,242,164)
```
#ee5ff2
```
#ee5ff2 rgb(238,95,242)
```

Split Complementary Color

#f2a45f
```
#f2a45f rgb(242,164,95)
```
#5ff2a4
```
#5ff2a4 rgb(95,242,164)
```
#a45ff2
```
#a45ff2 rgb(164,95,242)
```

Triadic Color

#adf25f
```
#adf25f rgb(173,242,95)
```
#5ff2a4
```
#5ff2a4 rgb(95,242,164)
```
#a45ff2
```
#a45ff2 rgb(164,95,242)
```
#f25fad
```
#f25fad rgb(242,95,173)
```

Tetradic Color

#18ec7c
```
#18ec7c rgb(24,236,124)
```
#30ee89
```
#30ee89 rgb(48,238,137)
```
#47f097
```
#47f097 rgb(71,240,151)
```
#5ff2a4
```
#5ff2a4 rgb(95,242,164)
```
#77f4b1
```
#77f4b1 rgb(119,244,177)
```
#8ef6bf
```
#8ef6bf rgb(142,246,191)
```
#a6f8cc
```
#a6f8cc rgb(166,248,204)
```

Monochromatic Color

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

#5ff27f
```
#5ff27f rgb(95,242,127)
```
#5ff28c
```
#5ff28c rgb(95,242,140)
```
#5ff298
```
#5ff298 rgb(95,242,152)
```
#5ff2a4
```
#5ff2a4 rgb(95,242,164)
```
#5ff2b0
```
#5ff2b0 rgb(95,242,176)
```
#5ff2bd
```
#5ff2bd rgb(95,242,189)
```
#5ff2c9
```
#5ff2c9 rgb(95,242,201)
```

Similar Colors

Text with hexadecimal color #5ff2a4

This text has a font color of #5ff2a4.

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

#5ff2a4 background color

This paragraph has a background color of #5ff2a4.

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

#5ff2a4 border color

This element has a border color of #5ff2a4.

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

CSS codes

.text {color:#5ff2a4;}

.background {background-color:#5ff2a4;}

.border {border:1px solid #5ff2a4;}

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

#000302
```
#000302 rgb(0,3,2)
```
#02150b
```
#02150b rgb(2,21,11)
```
#032814
```
#032814 rgb(3,40,20)
```
#053a1e
```
#053a1e rgb(5,58,30)
```
#064c27
```
#064c27 rgb(6,76,39)
```
#085e30
```
#085e30 rgb(8,94,48)
```
#097039
```
#097039 rgb(9,112,57)
```
#0b8243
```
#0b8243 rgb(11,130,67)
```
#0c944c
```
#0c944c rgb(12,148,76)
```
#0ea755
```
#0ea755 rgb(14,167,85)
```
#0fb95f
```
#0fb95f rgb(15,185,95)
```
#10cb68
```
#10cb68 rgb(16,203,104)
```
#12dd71
```
#12dd71 rgb(18,221,113)
```

Shade Color Variation

#16ec7b
```
#16ec7b rgb(22,236,123)
```
#29ee85
```
#29ee85 rgb(41,238,133)
```
#3bef8f
```
#3bef8f rgb(59,239,143)
```
#4df19a
```
#4df19a rgb(77,241,154)
```
#5ff2a4
```
#5ff2a4 rgb(95,242,164)
```
#71f3ae
```
#71f3ae rgb(113,243,174)
```
#83f5b9
```
#83f5b9 rgb(131,245,185)
```
#95f6c3
```
#95f6c3 rgb(149,246,195)
```
#a8f8cd
```
#a8f8cd rgb(168,248,205)
```
#baf9d8
```
#baf9d8 rgb(186,249,216)
```
#ccfbe2
```
#ccfbe2 rgb(204,251,226)
```
#defcec
```
#defcec rgb(222,252,236)
```
#f0fef7
```
#f0fef7 rgb(240,254,247)
```

Tint Color Variation

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

#a8a9a8
```
#a8a9a8 rgb(168,169,168)
```
#a2afa8
```
#a2afa8 rgb(162,175,168)
```
#9bb6a8
```
#9bb6a8 rgb(155,182,168)
```
#94bda7
```
#94bda7 rgb(148,189,167)
```
#8ec3a7
```
#8ec3a7 rgb(142,195,167)
```
#87caa6
```
#87caa6 rgb(135,202,166)
```
#80d1a6
```
#80d1a6 rgb(128,209,166)
```
#7ad7a6
```
#7ad7a6 rgb(122,215,166)
```
#73dea5
```
#73dea5 rgb(115,222,165)
```
#6ce5a5
```
#6ce5a5 rgb(108,229,165)
```
#66eba4
```
#66eba4 rgb(102,235,164)
```
#5ff2a4
```
#5ff2a4 rgb(95,242,164)
```
#58f9a4
```
#58f9a4 rgb(88,249,164)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#aac8b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead99e Protanopia 1% of men
#fbd2b3 Deuteranopia 1% of men
#86e8f9 Tritanopia 0.001% of the population

Trichromacy

#b7e2a0 Protanomaly 1% of men, 0.01% of women
#c2ddae Deuteranomaly 6% of men, 0.4% of women
#78ebda Tritanomaly 0.01% of the population

#5ff2a4 hex color

#5ff2a4 Color Information

#5ff2a4 Color Conversion

Color Schemes with #5ff2a4

Alternatives to #5ff2a4

#5ff2a4 Preview

Shades and Tints of #5ff2a4

Tones of #5ff2a4

Color Blindness Simulator