#5bf676 hex color

In a RGB color space, hex #5bf676 is composed of 35.7% red, 96.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 0% magenta, 52% yellow and 3.5% black. It has a hue angle of 130.5 degrees, a saturation of 89.6% and a lightness of 66.1%. #5bf676 color hex could be obtained by blending #b6ffec with #00ed00. Closest websafe color is: #66ff66.

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

● #5bf676 color description : Soft lime green.

The hexadecimal color #5bf676 has RGB values of R:91, G:246, B:118 and CMYK values of C:0.63, M:0, Y:0.52, K:0.04. Its decimal value is 6026870.

Hex triplet	5bf676	`#5bf676`
RGB Decimal	91, 246, 118	`rgb(91,246,118)`
RGB Percent	35.7, 96.5, 46.3	`rgb(35.7%,96.5%,46.3%)`
CMYK	63, 0, 52, 4
HSL	130.5°, 89.6, 66.1	`hsl(130.5,89.6%,66.1%)`
HSV (or HSB)	130.5°, 63, 96.5
Web Safe	66ff66	`#66ff66`

CIE-LAB	86.722, -66.399, 49.312
XYZ	40.538, 69.44, 28.406
xyY	0.293, 0.502, 69.44
CIE-LCH	86.722, 82.707, 143.4
CIE-LUV	86.722, -66.442, 75.566
Hunter-Lab	83.331, -58.994, 38.121
Binary	01011011, 11110110, 01110110

#5bf676
```
#5bf676 rgb(91,246,118)
```
#f65bdb
```
#f65bdb rgb(246,91,219)
```

Complementary Color

#8ef65b
```
#8ef65b rgb(142,246,91)
```
#5bf676
```
#5bf676 rgb(91,246,118)
```
#5bf6c4
```
#5bf6c4 rgb(91,246,196)
```

Analogous Color

#f65b8e
```
#f65b8e rgb(246,91,142)
```
#5bf676
```
#5bf676 rgb(91,246,118)
```
#c45bf6
```
#c45bf6 rgb(196,91,246)
```

Split Complementary Color

#f6765b
```
#f6765b rgb(246,118,91)
```
#5bf676
```
#5bf676 rgb(91,246,118)
```
#765bf6
```
#765bf6 rgb(118,91,246)
```

Triadic Color

#dbf65b
```
#dbf65b rgb(219,246,91)
```
#5bf676
```
#5bf676 rgb(91,246,118)
```
#765bf6
```
#765bf6 rgb(118,91,246)
```
#f65bdb
```
#f65bdb rgb(246,91,219)
```

Tetradic Color

#12f239
```
#12f239 rgb(18,242,57)
```
#2bf34e
```
#2bf34e rgb(43,243,78)
```
#43f562
```
#43f562 rgb(67,245,98)
```
#5bf676
```
#5bf676 rgb(91,246,118)
```
#73f78a
```
#73f78a rgb(115,247,138)
```
#8bf99e
```
#8bf99e rgb(139,249,158)
```
#a4fab3
```
#a4fab3 rgb(164,250,179)
```

Monochromatic Color

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

#67f65b
```
#67f65b rgb(103,246,91)
```
#5bf65c
```
#5bf65c rgb(91,246,92)
```
#5bf669
```
#5bf669 rgb(91,246,105)
```
#5bf676
```
#5bf676 rgb(91,246,118)
```
#5bf683
```
#5bf683 rgb(91,246,131)
```
#5bf690
```
#5bf690 rgb(91,246,144)
```
#5bf69d
```
#5bf69d rgb(91,246,157)
```

Similar Colors

Text with hexadecimal color #5bf676

This text has a font color of #5bf676.

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

#5bf676 background color

This paragraph has a background color of #5bf676.

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

#5bf676 border color

This element has a border color of #5bf676.

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

CSS codes

.text {color:#5bf676;}

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

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

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

#000301
```
#000301 rgb(0,3,1)
```
#011605
```
#011605 rgb(1,22,5)
```
#022909
```
#022909 rgb(2,41,9)
```
#033b0d
```
#033b0d rgb(3,59,13)
```
#044e11
```
#044e11 rgb(4,78,17)
```
#056015
```
#056015 rgb(5,96,21)
```
#067319
```
#067319 rgb(6,115,25)
```
#07861d
```
#07861d rgb(7,134,29)
```
#089821
```
#089821 rgb(8,152,33)
```
#09ab25
```
#09ab25 rgb(9,171,37)
```
#0abd2a
```
#0abd2a rgb(10,189,42)
```
#0bd02e
```
#0bd02e rgb(11,208,46)
```
#0ce232
```
#0ce232 rgb(12,226,50)
```

Shade Color Variation

#11f238
```
#11f238 rgb(17,242,56)
```
#23f347
```
#23f347 rgb(35,243,71)
```
#36f457
```
#36f457 rgb(54,244,87)
```
#48f566
```
#48f566 rgb(72,245,102)
```
#5bf676
```
#5bf676 rgb(91,246,118)
```
#6ef786
```
#6ef786 rgb(110,247,134)
```
#80f895
```
#80f895 rgb(128,248,149)
```
#93f9a5
```
#93f9a5 rgb(147,249,165)
```
#a5fab4
```
#a5fab4 rgb(165,250,180)
```
#b8fbc4
```
#b8fbc4 rgb(184,251,196)
```
#cbfcd3
```
#cbfcd3 rgb(203,252,211)
```
#ddfde3
```
#ddfde3 rgb(221,253,227)
```
#f0fef2
```
#f0fef2 rgb(240,254,242)
```

Tint Color Variation

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

#a4ada6
```
#a4ada6 rgb(164,173,166)
```
#9eb3a1
```
#9eb3a1 rgb(158,179,161)
```
#97ba9d
```
#97ba9d rgb(151,186,157)
```
#90c199
```
#90c199 rgb(144,193,153)
```
#8ac794
```
#8ac794 rgb(138,199,148)
```
#83ce90
```
#83ce90 rgb(131,206,144)
```
#7cd58c
```
#7cd58c rgb(124,213,140)
```
#76db87
```
#76db87 rgb(118,219,135)
```
#6fe283
```
#6fe283 rgb(111,226,131)
```
#68e97f
```
#68e97f rgb(104,233,127)
```
#62ef7a
```
#62ef7a rgb(98,239,122)
```
#5bf676
```
#5bf676 rgb(91,246,118)
```
#54fd72
```
#54fd72 rgb(84,253,114)
```

Tone Color Variation

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

Dichromacy

#f1db74 Protanopia 1% of men
#ffd3a0 Deuteranopia 1% of men
#8ce8f9 Tritanopia 0.001% of the population

Trichromacy

#bae474 Protanomaly 1% of men, 0.01% of women
#c3e090 Deuteranomaly 6% of men, 0.4% of women
#7aedc9 Tritanomaly 0.01% of the population

#5bf676 hex color

#5bf676 Color Information

#5bf676 Color Conversion

Color Schemes with #5bf676

Alternatives to #5bf676

#5bf676 Preview

Shades and Tints of #5bf676

Tones of #5bf676

Color Blindness Simulator