#5af28e hex color

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

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

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

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

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

CIE-LAB	85.82, -61.553, 36.63
XYZ	40.848, 67.627, 36.49
xyY	0.282, 0.467, 67.627
CIE-LCH	85.82, 71.628, 149.243
CIE-LUV	85.82, -64.212, 60.5
Hunter-Lab	82.236, -55.248, 31.256
Binary	01011010, 11110010, 10001110

#5af28e
```
#5af28e rgb(90,242,142)
```
#f25abe
```
#f25abe rgb(242,90,190)
```

Complementary Color

#72f25a
```
#72f25a rgb(114,242,90)
```
#5af28e
```
#5af28e rgb(90,242,142)
```
#5af2da
```
#5af2da rgb(90,242,218)
```

Analogous Color

#f25a72
```
#f25a72 rgb(242,90,114)
```
#5af28e
```
#5af28e rgb(90,242,142)
```
#da5af2
```
#da5af2 rgb(218,90,242)
```

Split Complementary Color

#f28e5a
```
#f28e5a rgb(242,142,90)
```
#5af28e
```
#5af28e rgb(90,242,142)
```
#8e5af2
```
#8e5af2 rgb(142,90,242)
```

Triadic Color

#bef25a
```
#bef25a rgb(190,242,90)
```
#5af28e
```
#5af28e rgb(90,242,142)
```
#8e5af2
```
#8e5af2 rgb(142,90,242)
```
#f25abe
```
#f25abe rgb(242,90,190)
```

Tetradic Color

#13ec5d
```
#13ec5d rgb(19,236,93)
```
#2bee6e
```
#2bee6e rgb(43,238,110)
```
#42f07e
```
#42f07e rgb(66,240,126)
```
#5af28e
```
#5af28e rgb(90,242,142)
```
#72f49e
```
#72f49e rgb(114,244,158)
```
#89f6ae
```
#89f6ae rgb(137,246,174)
```
#a1f8bf
```
#a1f8bf rgb(161,248,191)
```

Monochromatic Color

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

#5af268
```
#5af268 rgb(90,242,104)
```
#5af275
```
#5af275 rgb(90,242,117)
```
#5af281
```
#5af281 rgb(90,242,129)
```
#5af28e
```
#5af28e rgb(90,242,142)
```
#5af29b
```
#5af29b rgb(90,242,155)
```
#5af2a7
```
#5af2a7 rgb(90,242,167)
```
#5af2b4
```
#5af2b4 rgb(90,242,180)
```

Similar Colors

Text with hexadecimal color #5af28e

This text has a font color of #5af28e.

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

#5af28e background color

This paragraph has a background color of #5af28e.

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

#5af28e border color

This element has a border color of #5af28e.

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

CSS codes

.text {color:#5af28e;}

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

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

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)
```
#06471c
```
#06471c rgb(6,71,28)
```
#075a23
```
#075a23 rgb(7,90,35)
```
#086c2a
```
#086c2a rgb(8,108,42)
```
#0a7e32
```
#0a7e32 rgb(10,126,50)
```
#0b9039
```
#0b9039 rgb(11,144,57)
```
#0da240
```
#0da240 rgb(13,162,64)
```
#0eb447
```
#0eb447 rgb(14,180,71)
```
#10c74e
```
#10c74e rgb(16,199,78)
```
#11d955
```
#11d955 rgb(17,217,85)
```
#13eb5d
```
#13eb5d rgb(19,235,93)
```

Shade Color Variation

#23ee69
```
#23ee69 rgb(35,238,105)
```
#36ef75
```
#36ef75 rgb(54,239,117)
```
#48f182
```
#48f182 rgb(72,241,130)
```
#5af28e
```
#5af28e rgb(90,242,142)
```
#6cf39a
```
#6cf39a rgb(108,243,154)
```
#7ef5a7
```
#7ef5a7 rgb(126,245,167)
```
#91f6b3
```
#91f6b3 rgb(145,246,179)
```
#a3f8c0
```
#a3f8c0 rgb(163,248,192)
```
#b5f9cc
```
#b5f9cc rgb(181,249,204)
```
#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 #53f98c is the most saturated one.

#a5a7a6
```
#a5a7a6 rgb(165,167,166)
```
#9eaea4
```
#9eaea4 rgb(158,174,164)
```
#98b4a1
```
#98b4a1 rgb(152,180,161)
```
#91bb9f
```
#91bb9f rgb(145,187,159)
```
#8ac29d
```
#8ac29d rgb(138,194,157)
```
#83c99b
```
#83c99b rgb(131,201,155)
```
#7cd099
```
#7cd099 rgb(124,208,153)
```
#75d797
```
#75d797 rgb(117,215,151)
```
#6fdd94
```
#6fdd94 rgb(111,221,148)
```
#68e492
```
#68e492 rgb(104,228,146)
```
#61eb90
```
#61eb90 rgb(97,235,144)
```
#5af28e
```
#5af28e rgb(90,242,142)
```
#53f98c
```
#53f98c rgb(83,249,140)
```

Tone Color Variation

Below, you can see how #5af28e 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
#a6c4b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd88a Protanopia 1% of men
#ffd0a0 Deuteranopia 1% of men
#87e6f7 Tritanopia 0.001% of the population

Trichromacy

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

#5af28e hex color

#5af28e Color Information

#5af28e Color Conversion

Color Schemes with #5af28e

Alternatives to #5af28e

#5af28e Preview

Shades and Tints of #5af28e

Tones of #5af28e

Color Blindness Simulator