#5bf486 hex color

In a RGB color space, hex #5bf486 is composed of 35.7% red, 95.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 0% magenta, 45.1% yellow and 4.3% black. It has a hue angle of 136.9 degrees, a saturation of 87.4% and a lightness of 65.7%. #5bf486 color hex could be obtained by blending #b6ffff with #00e90d. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 36
- G 96
- B 53
RGB color chart
- C 63
- M 0
- Y 45
- K 4
CMYK color chart

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

The hexadecimal color #5bf486 has RGB values of R:91, G:244, B:134 and CMYK values of C:0.63, M:0, Y:0.45, K:0.04. Its decimal value is 6026374.

Hex triplet	5bf486	`#5bf486`
RGB Decimal	91, 244, 134	`rgb(91,244,134)`
RGB Percent	35.7, 95.7, 52.5	`rgb(35.7%,95.7%,52.5%)`
CMYK	63, 0, 45, 4
HSL	136.9°, 87.4, 65.7	`hsl(136.9,87.4%,65.7%)`
HSV (or HSB)	136.9°, 62.7, 95.7
Web Safe	66ff99	`#66ff99`

CIE-LAB	86.327, -63.379, 41.215
XYZ	40.966, 68.643, 33.644
xyY	0.286, 0.479, 68.643
CIE-LCH	86.327, 75.602, 146.964
CIE-LUV	86.327, -65.058, 66.204
Hunter-Lab	82.851, -56.731, 33.92
Binary	01011011, 11110100, 10000110

#5bf486
```
#5bf486 rgb(91,244,134)
```
#f45bc9
```
#f45bc9 rgb(244,91,201)
```

Complementary Color

#7df45b
```
#7df45b rgb(125,244,91)
```
#5bf486
```
#5bf486 rgb(91,244,134)
```
#5bf4d3
```
#5bf4d3 rgb(91,244,211)
```

Analogous Color

#f45b7d
```
#f45b7d rgb(244,91,125)
```
#5bf486
```
#5bf486 rgb(91,244,134)
```
#d35bf4
```
#d35bf4 rgb(211,91,244)
```

Split Complementary Color

#f4865b
```
#f4865b rgb(244,134,91)
```
#5bf486
```
#5bf486 rgb(91,244,134)
```
#865bf4
```
#865bf4 rgb(134,91,244)
```

Triadic Color

#c9f45b
```
#c9f45b rgb(201,244,91)
```
#5bf486
```
#5bf486 rgb(91,244,134)
```
#865bf4
```
#865bf4 rgb(134,91,244)
```
#f45bc9
```
#f45bc9 rgb(244,91,201)
```

Tetradic Color

#13ef51
```
#13ef51 rgb(19,239,81)
```
#2bf163
```
#2bf163 rgb(43,241,99)
```
#43f274
```
#43f274 rgb(67,242,116)
```
#5bf486
```
#5bf486 rgb(91,244,134)
```
#73f698
```
#73f698 rgb(115,246,152)
```
#8bf7a9
```
#8bf7a9 rgb(139,247,169)
```
#a3f9bb
```
#a3f9bb rgb(163,249,187)
```

Monochromatic Color

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

#5bf460
```
#5bf460 rgb(91,244,96)
```
#5bf46d
```
#5bf46d rgb(91,244,109)
```
#5bf479
```
#5bf479 rgb(91,244,121)
```
#5bf486
```
#5bf486 rgb(91,244,134)
```
#5bf493
```
#5bf493 rgb(91,244,147)
```
#5bf4a0
```
#5bf4a0 rgb(91,244,160)
```
#5bf4ac
```
#5bf4ac rgb(91,244,172)
```

Similar Colors

Text with hexadecimal color #5bf486

This text has a font color of #5bf486.

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

#5bf486 background color

This paragraph has a background color of #5bf486.

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

#5bf486 border color

This element has a border color of #5bf486.

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

CSS codes

.text {color:#5bf486;}

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

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

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 #eefef3 is the lightest one.

#000100
```
#000100 rgb(0,1,0)
```
#011407
```
#011407 rgb(1,20,7)
```
#03260d
```
#03260d rgb(3,38,13)
```
#043913
```
#043913 rgb(4,57,19)
```
#054b19
```
#054b19 rgb(5,75,25)
```
#065d1f
```
#065d1f rgb(6,93,31)
```
#077025
```
#077025 rgb(7,112,37)
```
#09822b
```
#09822b rgb(9,130,43)
```
#0a9531
```
#0a9531 rgb(10,149,49)
```
#0ba737
```
#0ba737 rgb(11,167,55)
```
#0cb93d
```
#0cb93d rgb(12,185,61)
```
#0ecc43
```
#0ecc43 rgb(14,204,67)
```
#0fde49
```
#0fde49 rgb(15,222,73)
```

Shade Color Variation

#11ef50
```
#11ef50 rgb(17,239,80)
```
#24f05d
```
#24f05d rgb(36,240,93)
```
#36f26b
```
#36f26b rgb(54,242,107)
```
#49f378
```
#49f378 rgb(73,243,120)
```
#5bf486
```
#5bf486 rgb(91,244,134)
```
#6df594
```
#6df594 rgb(109,245,148)
```
#80f6a1
```
#80f6a1 rgb(128,246,161)
```
#92f8af
```
#92f8af rgb(146,248,175)
```
#a5f9bc
```
#a5f9bc rgb(165,249,188)
```
#b7faca
```
#b7faca rgb(183,250,202)
```
#c9fbd7
```
#c9fbd7 rgb(201,251,215)
```
#dcfde5
```
#dcfde5 rgb(220,253,229)
```
#eefef3
```
#eefef3 rgb(238,254,243)
```

Tint Color Variation

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

#a5aaa6
```
#a5aaa6 rgb(165,170,166)
```
#9eb1a3
```
#9eb1a3 rgb(158,177,163)
```
#98b7a1
```
#98b7a1 rgb(152,183,161)
```
#91be9e
```
#91be9e rgb(145,190,158)
```
#8ac59b
```
#8ac59b rgb(138,197,155)
```
#83cc98
```
#83cc98 rgb(131,204,152)
```
#7dd295
```
#7dd295 rgb(125,210,149)
```
#76d992
```
#76d992 rgb(118,217,146)
```
#6fe08f
```
#6fe08f rgb(111,224,143)
```
#68e78c
```
#68e78c rgb(104,231,140)
```
#62ed89
```
#62ed89 rgb(98,237,137)
```
#5bf486
```
#5bf486 rgb(91,244,134)
```
#54fb83
```
#54fb83 rgb(84,251,131)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#a7c6b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eeda82 Protanopia 1% of men
#ffd2a1 Deuteranopia 1% of men
#89e7f8 Tritanopia 0.001% of the population

Trichromacy

#b8e383 Protanomaly 1% of men, 0.01% of women
#c3de97 Deuteranomaly 6% of men, 0.4% of women
#78eccf Tritanomaly 0.01% of the population

#5bf486 hex color

#5bf486 Color Information

#5bf486 Color Conversion

Color Schemes with #5bf486

Alternatives to #5bf486

#5bf486 Preview

Shades and Tints of #5bf486

Tones of #5bf486

Color Blindness Simulator