#5bb675 hex color

In a RGB color space, hex #5bb675 is composed of 35.7% red, 71.4% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 0% magenta, 35.7% yellow and 28.6% black. It has a hue angle of 137.1 degrees, a saturation of 38.4% and a lightness of 53.5%. #5bb675 color hex could be obtained by blending #b6ffea with #006d00. Closest websafe color is: #66cc66.

♥
- f
- t
- g
- R 36
- G 71
- B 46
RGB color chart
- C 50
- M 0
- Y 36
- K 29
CMYK color chart

● #5bb675 color description : Moderate cyan - lime green.

The hexadecimal color #5bb675 has RGB values of R:91, G:182, B:117 and CMYK values of C:0.5, M:0, Y:0.36, K:0.29. Its decimal value is 6010485.

Hex triplet	5bb675	`#5bb675`
RGB Decimal	91, 182, 117	`rgb(91,182,117)`
RGB Percent	35.7, 71.4, 45.9	`rgb(35.7%,71.4%,45.9%)`
CMYK	50, 0, 36, 29
HSL	137.1°, 38.4, 53.5	`hsl(137.1,38.4%,53.5%)`
HSV (or HSB)	137.1°, 50, 71.4
Web Safe	66cc66	`#66cc66`

CIE-LAB	67.249, -41.701, 24.968
XYZ	24.252, 36.963, 22.685
xyY	0.289, 0.441, 36.963
CIE-LCH	67.249, 48.604, 149.09
CIE-LUV	67.249, -41.83, 40.24
Hunter-Lab	60.797, -35.191, 20.435
Binary	01011011, 10110110, 01110101

#5bb675
```
#5bb675 rgb(91,182,117)
```
#b65b9c
```
#b65b9c rgb(182,91,156)
```

Complementary Color

#6fb65b
```
#6fb65b rgb(111,182,91)
```
#5bb675
```
#5bb675 rgb(91,182,117)
```
#5bb6a3
```
#5bb6a3 rgb(91,182,163)
```

Analogous Color

#b65b6f
```
#b65b6f rgb(182,91,111)
```
#5bb675
```
#5bb675 rgb(91,182,117)
```
#a35bb6
```
#a35bb6 rgb(163,91,182)
```

Split Complementary Color

#b6755b
```
#b6755b rgb(182,117,91)
```
#5bb675
```
#5bb675 rgb(91,182,117)
```
#755bb6
```
#755bb6 rgb(117,91,182)
```

Triadic Color

#9cb65b
```
#9cb65b rgb(156,182,91)
```
#5bb675
```
#5bb675 rgb(91,182,117)
```
#755bb6
```
#755bb6 rgb(117,91,182)
```
#b65b9c
```
#b65b9c rgb(182,91,156)
```

Tetradic Color

#3d8852
```
#3d8852 rgb(61,136,82)
```
#449a5d
```
#449a5d rgb(68,154,93)
```
#4cab67
```
#4cab67 rgb(76,171,103)
```
#5bb675
```
#5bb675 rgb(91,182,117)
```
#6dbe84
```
#6dbe84 rgb(109,190,132)
```
#7ec693
```
#7ec693 rgb(126,198,147)
```
#90cea2
```
#90cea2 rgb(144,206,162)
```

Monochromatic Color

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

#5bb65e
```
#5bb65e rgb(91,182,94)
```
#5bb666
```
#5bb666 rgb(91,182,102)
```
#5bb66d
```
#5bb66d rgb(91,182,109)
```
#5bb675
```
#5bb675 rgb(91,182,117)
```
#5bb67d
```
#5bb67d rgb(91,182,125)
```
#5bb684
```
#5bb684 rgb(91,182,132)
```
#5bb68c
```
#5bb68c rgb(91,182,140)
```

Similar Colors

Text with hexadecimal color #5bb675

This text has a font color of #5bb675.

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

#5bb675 background color

This paragraph has a background color of #5bb675.

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

#5bb675 border color

This element has a border color of #5bb675.

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

CSS codes

.text {color:#5bb675;}

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

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

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

#060c08
```
#060c08 rgb(6,12,8)
```
#0c1a10
```
#0c1a10 rgb(12,26,16)
```
#122818
```
#122818 rgb(18,40,24)
```
#183520
```
#183520 rgb(24,53,32)
```
#1e4328
```
#1e4328 rgb(30,67,40)
```
#245030
```
#245030 rgb(36,80,48)
```
#2a5e39
```
#2a5e39 rgb(42,94,57)
```
#306b41
```
#306b41 rgb(48,107,65)
```
#367949
```
#367949 rgb(54,121,73)
```
#3c8751
```
#3c8751 rgb(60,135,81)
```
#429459
```
#429459 rgb(66,148,89)
```
#48a262
```
#48a262 rgb(72,162,98)
```
#4eaf6a
```
#4eaf6a rgb(78,175,106)
```

Shade Color Variation

#5bb675
```
#5bb675 rgb(91,182,117)
```
#69bc80
```
#69bc80 rgb(105,188,128)
```
#76c28c
```
#76c28c rgb(118,194,140)
```
#84c897
```
#84c897 rgb(132,200,151)
```
#91cea3
```
#91cea3 rgb(145,206,163)
```
#9fd4ae
```
#9fd4ae rgb(159,212,174)
```
#acdaba
```
#acdaba rgb(172,218,186)
```
#bae0c5
```
#bae0c5 rgb(186,224,197)
```
#c8e6d0
```
#c8e6d0 rgb(200,230,208)
```
#d5ecdc
```
#d5ecdc rgb(213,236,220)
```
#e3f2e7
```
#e3f2e7 rgb(227,242,231)
```
#f0f8f3
```
#f0f8f3 rgb(240,248,243)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f9285 is the less saturated color, while #12ff56 is the most saturated one.

#7f9285
```
#7f9285 rgb(127,146,133)
```
#769b81
```
#769b81 rgb(118,155,129)
```
#6da47d
```
#6da47d rgb(109,164,125)
```
#64ad79
```
#64ad79 rgb(100,173,121)
```
#5bb675
```
#5bb675 rgb(91,182,117)
```
#52bf71
```
#52bf71 rgb(82,191,113)
```
#49c86d
```
#49c86d rgb(73,200,109)
```
#40d169
```
#40d169 rgb(64,209,105)
```
#37da65
```
#37da65 rgb(55,218,101)
```
#2de461
```
#2de461 rgb(45,228,97)
```
#24ed5e
```
#24ed5e rgb(36,237,94)
```
#1bf65a
```
#1bf65a rgb(27,246,90)
```
#12ff56
```
#12ff56 rgb(18,255,86)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#889a8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a875 Protanopia 1% of men
#c4a284 Deuteranopia 1% of men
#76b1be Tritanopia 0.001% of the population

Trichromacy

#94ad75 Protanomaly 1% of men, 0.01% of women
#9ea97e Deuteranomaly 6% of men, 0.4% of women
#6cb3a3 Tritanomaly 0.01% of the population

#5bb675 hex color

#5bb675 Color Information

#5bb675 Color Conversion

Color Schemes with #5bb675

Alternatives to #5bb675

#5bb675 Preview

Shades and Tints of #5bb675

Tones of #5bb675

Color Blindness Simulator