colorhexa.com

#5af28f hex color

In a RGB color space, hex #5af28f is composed of 35.3% red, 94.9% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 0% magenta, 40.9% yellow and 5.1% black. It has a hue angle of 140.9 degrees, a saturation of 85.4% and a lightness of 65.1%. #5af28f color hex could be obtained by blending #b4ffff with #00e51f. Closest websafe color is: #66ff99.

- R 35
- G 95
- B 56
RGB color chart
- C 63
- M 0
- Y 41
- K 5
CMYK color chart

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

The hexadecimal color #5af28f has RGB values of R:90, G:242, B:143 and CMYK values of C:0.63, M:0, Y:0.41, K:0.05. Its decimal value is 5960335.

Hex triplet	5af28f	`#5af28f`
RGB Decimal	90, 242, 143	`rgb(90,242,143)`
RGB Percent	35.3, 94.9, 56.1	`rgb(35.3%,94.9%,56.1%)`
CMYK	63, 0, 41, 5
HSL	140.9°, 85.4, 65.1	`hsl(140.9,85.4%,65.1%)`
HSV (or HSB)	140.9°, 62.8, 94.9
Web Safe	66ff99	`#66ff99`

CIE-LAB	85.835, -61.386, 36.154
XYZ	40.924, 67.658, 36.888
xyY	0.281, 0.465, 67.658
CIE-LCH	85.835, 71.242, 149.504
CIE-LUV	85.835, -64.165, 59.911
Hunter-Lab	82.254, -55.136, 30.989
Binary	01011010, 11110010, 10001111

#5af28f
```
#5af28f rgb(90,242,143)
```
#f25abd
```
#f25abd rgb(242,90,189)
```

Complementary Color

#71f25a
```
#71f25a rgb(113,242,90)
```
#5af28f
```
#5af28f rgb(90,242,143)
```
#5af2db
```
#5af2db rgb(90,242,219)
```

Analogous Color

#f25a71
```
#f25a71 rgb(242,90,113)
```
#5af28f
```
#5af28f rgb(90,242,143)
```
#db5af2
```
#db5af2 rgb(219,90,242)
```

Split Complementary Color

#f28f5a
```
#f28f5a rgb(242,143,90)
```
#5af28f
```
#5af28f rgb(90,242,143)
```
#8f5af2
```
#8f5af2 rgb(143,90,242)
```

Triadic Color

#bdf25a
```
#bdf25a rgb(189,242,90)
```
#5af28f
```
#5af28f rgb(90,242,143)
```
#8f5af2
```
#8f5af2 rgb(143,90,242)
```
#f25abd
```
#f25abd rgb(242,90,189)
```

Tetradic Color

#13ec5f
```
#13ec5f rgb(19,236,95)
```
#2bee6f
```
#2bee6f rgb(43,238,111)
```
#42f07f
```
#42f07f rgb(66,240,127)
```
#5af28f
```
#5af28f rgb(90,242,143)
```
#72f49f
```
#72f49f rgb(114,244,159)
```
#89f6af
```
#89f6af rgb(137,246,175)
```
#a1f8bf
```
#a1f8bf rgb(161,248,191)
```

Monochromatic Color

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

#5af269
```
#5af269 rgb(90,242,105)
```
#5af276
```
#5af276 rgb(90,242,118)
```
#5af282
```
#5af282 rgb(90,242,130)
```
#5af28f
```
#5af28f rgb(90,242,143)
```
#5af29c
```
#5af29c rgb(90,242,156)
```
#5af2a8
```
#5af2a8 rgb(90,242,168)
```
#5af2b5
```
#5af2b5 rgb(90,242,181)
```

Similar Colors

Text with hexadecimal color #5af28f

This text has a font color of #5af28f.

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

#5af28f background color

This paragraph has a background color of #5af28f.

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

#5af28f border color

This element has a border color of #5af28f.

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

CSS codes

.text {color:#5af28f;}

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

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

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

#011107
```
#011107 rgb(1,17,7)
```
#03230e
```
#03230e rgb(3,35,14)
```
#043515
```
#043515 rgb(4,53,21)
```
#06471d
```
#06471d rgb(6,71,29)
```
#075a24
```
#075a24 rgb(7,90,36)
```
#086c2b
```
#086c2b rgb(8,108,43)
```
#0a7e32
```
#0a7e32 rgb(10,126,50)
```
#0b903a
```
#0b903a rgb(11,144,58)
```
#0da241
```
#0da241 rgb(13,162,65)
```
#0eb448
```
#0eb448 rgb(14,180,72)
```
#10c74f
```
#10c74f rgb(16,199,79)
```
#11d957
```
#11d957 rgb(17,217,87)
```
#13eb5e
```
#13eb5e rgb(19,235,94)
```

Shade Color Variation

#23ee6a
```
#23ee6a rgb(35,238,106)
```
#36ef76
```
#36ef76 rgb(54,239,118)
```
#48f183
```
#48f183 rgb(72,241,131)
```
#5af28f
```
#5af28f rgb(90,242,143)
```
#6cf39b
```
#6cf39b rgb(108,243,155)
```
#7ef5a8
```
#7ef5a8 rgb(126,245,168)
```
#91f6b4
```
#91f6b4 rgb(145,246,180)
```
#a3f8c0
```
#a3f8c0 rgb(163,248,192)
```
#b5f9cd
```
#b5f9cd rgb(181,249,205)
```
#c7fbd9
```
#c7fbd9 rgb(199,251,217)
```
#d9fce5
```
#d9fce5 rgb(217,252,229)
```
#ebfdf2
```
#ebfdf2 rgb(235,253,242)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#a5a7a6
```
#a5a7a6 rgb(165,167,166)
```
#9eaea4
```
#9eaea4 rgb(158,174,164)
```
#98b4a2
```
#98b4a2 rgb(152,180,162)
```
#91bba0
```
#91bba0 rgb(145,187,160)
```
#8ac29e
```
#8ac29e rgb(138,194,158)
```
#83c99b
```
#83c99b rgb(131,201,155)
```
#7cd099
```
#7cd099 rgb(124,208,153)
```
#75d797
```
#75d797 rgb(117,215,151)
```
#6fdd95
```
#6fdd95 rgb(111,221,149)
```
#68e493
```
#68e493 rgb(104,228,147)
```
#61eb91
```
#61eb91 rgb(97,235,145)
```
#5af28f
```
#5af28f rgb(90,242,143)
```
#53f98d
```
#53f98d rgb(83,249,141)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#a6c4b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd88b Protanopia 1% of men
#ffd0a1 Deuteranopia 1% of men
#87e6f7 Tritanopia 0.001% of the population

Trichromacy

#b6e18c Protanomaly 1% of men, 0.01% of women
#c3dc9a Deuteranomaly 6% of men, 0.4% of women
#76ead1 Tritanomaly 0.01% of the population