#5af78a hex color

In a RGB color space, hex #5af78a is composed of 35.3% red, 96.9% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 0% magenta, 44.1% yellow and 3.1% black. It has a hue angle of 138.3 degrees, a saturation of 90.8% and a lightness of 66.1%. #5af78a color hex could be obtained by blending #b4ffff with #00ef15. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 35
- G 97
- B 54
RGB color chart
- C 64
- M 0
- Y 44
- K 3
CMYK color chart

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

The hexadecimal color #5af78a has RGB values of R:90, G:247, B:138 and CMYK values of C:0.64, M:0, Y:0.44, K:0.03. Its decimal value is 5961610.

Hex triplet	5af78a	`#5af78a`
RGB Decimal	90, 247, 138	`rgb(90,247,138)`
RGB Percent	35.3, 96.9, 54.1	`rgb(35.3%,96.9%,54.1%)`
CMYK	64, 0, 44, 3
HSL	138.3°, 90.8, 66.1	`hsl(138.3,90.8%,66.1%)`
HSV (or HSB)	138.3°, 63.6, 96.9
Web Safe	66ff99	`#66ff99`

CIE-LAB	87.254, -64.037, 40.45
XYZ	42.062, 70.526, 35.44
xyY	0.284, 0.476, 70.526
CIE-LCH	87.254, 75.742, 147.721
CIE-LUV	87.254, -66.201, 65.63
Hunter-Lab	83.98, -57.562, 33.766
Binary	01011010, 11110111, 10001010

#5af78a
```
#5af78a rgb(90,247,138)
```
#f75ac7
```
#f75ac7 rgb(247,90,199)
```

Complementary Color

#79f75a
```
#79f75a rgb(121,247,90)
```
#5af78a
```
#5af78a rgb(90,247,138)
```
#5af7d9
```
#5af7d9 rgb(90,247,217)
```

Analogous Color

#f75a79
```
#f75a79 rgb(247,90,121)
```
#5af78a
```
#5af78a rgb(90,247,138)
```
#d95af7
```
#d95af7 rgb(217,90,247)
```

Split Complementary Color

#f78a5a
```
#f78a5a rgb(247,138,90)
```
#5af78a
```
#5af78a rgb(90,247,138)
```
#8a5af7
```
#8a5af7 rgb(138,90,247)
```

Triadic Color

#c7f75a
```
#c7f75a rgb(199,247,90)
```
#5af78a
```
#5af78a rgb(90,247,138)
```
#8a5af7
```
#8a5af7 rgb(138,90,247)
```
#f75ac7
```
#f75ac7 rgb(247,90,199)
```

Tetradic Color

#11f356
```
#11f356 rgb(17,243,86)
```
#29f568
```
#29f568 rgb(41,245,104)
```
#42f679
```
#42f679 rgb(66,246,121)
```
#5af78a
```
#5af78a rgb(90,247,138)
```
#72f89b
```
#72f89b rgb(114,248,155)
```
#8bf9ac
```
#8bf9ac rgb(139,249,172)
```
#a3fbbe
```
#a3fbbe rgb(163,251,190)
```

Monochromatic Color

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

#5af763
```
#5af763 rgb(90,247,99)
```
#5af770
```
#5af770 rgb(90,247,112)
```
#5af77d
```
#5af77d rgb(90,247,125)
```
#5af78a
```
#5af78a rgb(90,247,138)
```
#5af797
```
#5af797 rgb(90,247,151)
```
#5af7a4
```
#5af7a4 rgb(90,247,164)
```
#5af7b1
```
#5af7b1 rgb(90,247,177)
```

Similar Colors

Text with hexadecimal color #5af78a

This text has a font color of #5af78a.

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

#5af78a background color

This paragraph has a background color of #5af78a.

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

#5af78a border color

This element has a border color of #5af78a.

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

CSS codes

.text {color:#5af78a;}

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

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

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

#000301
```
#000301 rgb(0,3,1)
```
#011607
```
#011607 rgb(1,22,7)
```
#02290e
```
#02290e rgb(2,41,14)
```
#033b14
```
#033b14 rgb(3,59,20)
```
#044e1b
```
#044e1b rgb(4,78,27)
```
#056121
```
#056121 rgb(5,97,33)
```
#067427
```
#067427 rgb(6,116,39)
```
#07862e
```
#07862e rgb(7,134,46)
```
#079934
```
#079934 rgb(7,153,52)
```
#08ac3a
```
#08ac3a rgb(8,172,58)
```
#09be41
```
#09be41 rgb(9,190,65)
```
#0ad147
```
#0ad147 rgb(10,209,71)
```
#0be44d
```
#0be44d rgb(11,228,77)
```

Shade Color Variation

#0ff355
```
#0ff355 rgb(15,243,85)
```
#22f462
```
#22f462 rgb(34,244,98)
```
#35f56f
```
#35f56f rgb(53,245,111)
```
#47f67d
```
#47f67d rgb(71,246,125)
```
#5af78a
```
#5af78a rgb(90,247,138)
```
#6df897
```
#6df897 rgb(109,248,151)
```
#7ff9a5
```
#7ff9a5 rgb(127,249,165)
```
#92fab2
```
#92fab2 rgb(146,250,178)
```
#a5fbbf
```
#a5fbbf rgb(165,251,191)
```
#b8fccc
```
#b8fccc rgb(184,252,204)
```
#cafcda
```
#cafcda rgb(202,252,218)
```
#ddfde7
```
#ddfde7 rgb(221,253,231)
```
#f0fef4
```
#f0fef4 rgb(240,254,244)
```

Tint Color Variation

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

#a3aea6
```
#a3aea6 rgb(163,174,166)
```
#9db4a4
```
#9db4a4 rgb(157,180,164)
```
#96bba1
```
#96bba1 rgb(150,187,161)
```
#8fc29f
```
#8fc29f rgb(143,194,159)
```
#89c89c
```
#89c89c rgb(137,200,156)
```
#82cf9a
```
#82cf9a rgb(130,207,154)
```
#7bd697
```
#7bd697 rgb(123,214,151)
```
#75dc94
```
#75dc94 rgb(117,220,148)
```
#6ee392
```
#6ee392 rgb(110,227,146)
```
#67ea8f
```
#67ea8f rgb(103,234,143)
```
#61f08d
```
#61f08d rgb(97,240,141)
```
#5af78a
```
#5af78a rgb(90,247,138)
```
#53fe87
```
#53fe87 rgb(83,254,135)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#a8c8b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0dc86 Protanopia 1% of men
#ffd5a9 Deuteranopia 1% of men
#89eafb Tritanopia 0.001% of the population

Trichromacy

#b9e687 Protanomaly 1% of men, 0.01% of women
#c3e19e Deuteranomaly 6% of men, 0.4% of women
#78efd2 Tritanomaly 0.01% of the population

#5af78a hex color

#5af78a Color Information

#5af78a Color Conversion

Color Schemes with #5af78a

Alternatives to #5af78a

#5af78a Preview

Shades and Tints of #5af78a

Tones of #5af78a

Color Blindness Simulator