#5af578 hex color

In a RGB color space, hex #5af578 is composed of 35.3% red, 96.1% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 0% magenta, 51% yellow and 3.9% black. It has a hue angle of 131.6 degrees, a saturation of 88.6% and a lightness of 65.7%. #5af578 color hex could be obtained by blending #b4fff0 with #00eb00. Closest websafe color is: #66ff66.

♥
- f
- t
- g
- R 35
- G 96
- B 47
RGB color chart
- C 63
- M 0
- Y 51
- K 4
CMYK color chart

● #5af578 color description : Soft lime green.

The hexadecimal color #5af578 has RGB values of R:90, G:245, B:120 and CMYK values of C:0.63, M:0, Y:0.51, K:0.04. Its decimal value is 5961080.

Hex triplet	5af578	`#5af578`
RGB Decimal	90, 245, 120	`rgb(90,245,120)`
RGB Percent	35.3, 96.1, 47.1	`rgb(35.3%,96.1%,47.1%)`
CMYK	63, 0, 51, 4
HSL	131.6°, 88.6, 65.7	`hsl(131.6,88.6%,65.7%)`
HSV (or HSB)	131.6°, 63.3, 96.1
Web Safe	66ff66	`#66ff66`

CIE-LAB	86.42, -65.973, 48.007
XYZ	40.257, 68.831, 28.932
xyY	0.292, 0.499, 68.831
CIE-LCH	86.42, 81.591, 143.957
CIE-LUV	86.42, -66.246, 74.057
Hunter-Lab	82.964, -58.575, 37.399
Binary	01011010, 11110101, 01111000

#5af578
```
#5af578 rgb(90,245,120)
```
#f55ad7
```
#f55ad7 rgb(245,90,215)
```

Complementary Color

#8af55a
```
#8af55a rgb(138,245,90)
```
#5af578
```
#5af578 rgb(90,245,120)
```
#5af5c6
```
#5af5c6 rgb(90,245,198)
```

Analogous Color

#f55a8a
```
#f55a8a rgb(245,90,138)
```
#5af578
```
#5af578 rgb(90,245,120)
```
#c65af5
```
#c65af5 rgb(198,90,245)
```

Split Complementary Color

#f5785a
```
#f5785a rgb(245,120,90)
```
#5af578
```
#5af578 rgb(90,245,120)
```
#785af5
```
#785af5 rgb(120,90,245)
```

Triadic Color

#d7f55a
```
#d7f55a rgb(215,245,90)
```
#5af578
```
#5af578 rgb(90,245,120)
```
#785af5
```
#785af5 rgb(120,90,245)
```
#f55ad7
```
#f55ad7 rgb(245,90,215)
```

Tetradic Color

#12f13d
```
#12f13d rgb(18,241,61)
```
#2af251
```
#2af251 rgb(42,242,81)
```
#42f464
```
#42f464 rgb(66,244,100)
```
#5af578
```
#5af578 rgb(90,245,120)
```
#72f68c
```
#72f68c rgb(114,246,140)
```
#8af89f
```
#8af89f rgb(138,248,159)
```
#a2f9b3
```
#a2f9b3 rgb(162,249,179)
```

Monochromatic Color

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

#63f55a
```
#63f55a rgb(99,245,90)
```
#5af55e
```
#5af55e rgb(90,245,94)
```
#5af56b
```
#5af56b rgb(90,245,107)
```
#5af578
```
#5af578 rgb(90,245,120)
```
#5af585
```
#5af585 rgb(90,245,133)
```
#5af592
```
#5af592 rgb(90,245,146)
```
#5af59f
```
#5af59f rgb(90,245,159)
```

Similar Colors

Text with hexadecimal color #5af578

This text has a font color of #5af578.

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

#5af578 background color

This paragraph has a background color of #5af578.

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

#5af578 border color

This element has a border color of #5af578.

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

CSS codes

.text {color:#5af578;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#011405
```
#011405 rgb(1,20,5)
```
#022609
```
#022609 rgb(2,38,9)
```
#03390e
```
#03390e rgb(3,57,14)
```
#054b12
```
#054b12 rgb(5,75,18)
```
#065e17
```
#065e17 rgb(6,94,23)
```
#07701b
```
#07701b rgb(7,112,27)
```
#088320
```
#088320 rgb(8,131,32)
```
#099524
```
#099524 rgb(9,149,36)
```
#0aa829
```
#0aa829 rgb(10,168,41)
```
#0bba2d
```
#0bba2d rgb(11,186,45)
```
#0ccd32
```
#0ccd32 rgb(12,205,50)
```
#0edf36
```
#0edf36 rgb(14,223,54)
```

Shade Color Variation

#10f13b
```
#10f13b rgb(16,241,59)
```
#23f24b
```
#23f24b rgb(35,242,75)
```
#35f35a
```
#35f35a rgb(53,243,90)
```
#48f469
```
#48f469 rgb(72,244,105)
```
#5af578
```
#5af578 rgb(90,245,120)
```
#6cf687
```
#6cf687 rgb(108,246,135)
```
#7ff796
```
#7ff796 rgb(127,247,150)
```
#91f8a5
```
#91f8a5 rgb(145,248,165)
```
#a4f9b5
```
#a4f9b5 rgb(164,249,181)
```
#b6fbc4
```
#b6fbc4 rgb(182,251,196)
```
#c9fcd3
```
#c9fcd3 rgb(201,252,211)
```
#dbfde2
```
#dbfde2 rgb(219,253,226)
```
#eefef1
```
#eefef1 rgb(238,254,241)
```

Tint Color Variation

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

#a4aba5
```
#a4aba5 rgb(164,171,165)
```
#9db2a1
```
#9db2a1 rgb(157,178,161)
```
#97b89d
```
#97b89d rgb(151,184,157)
```
#90bf99
```
#90bf99 rgb(144,191,153)
```
#89c695
```
#89c695 rgb(137,198,149)
```
#82cd91
```
#82cd91 rgb(130,205,145)
```
#7cd38d
```
#7cd38d rgb(124,211,141)
```
#75da89
```
#75da89 rgb(117,218,137)
```
#6ee184
```
#6ee184 rgb(110,225,132)
```
#67e880
```
#67e880 rgb(103,232,128)
```
#61ee7c
```
#61ee7c rgb(97,238,124)
```
#5af578
```
#5af578 rgb(90,245,120)
```
#53fc74
```
#53fc74 rgb(83,252,116)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#a5c4ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#efda76 Protanopia 1% of men
#ffd29d Deuteranopia 1% of men
#8be8f8 Tritanopia 0.001% of the population

Trichromacy

#b9e476 Protanomaly 1% of men, 0.01% of women
#c3df90 Deuteranomaly 6% of men, 0.4% of women
#79ecca Tritanomaly 0.01% of the population

#5af578 hex color

#5af578 Color Information

#5af578 Color Conversion

Color Schemes with #5af578

Alternatives to #5af578

#5af578 Preview

Shades and Tints of #5af578

Tones of #5af578

Color Blindness Simulator