#5fb380 hex color

In a RGB color space, hex #5fb380 is composed of 37.3% red, 70.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 0% magenta, 28.5% yellow and 29.8% black. It has a hue angle of 143.6 degrees, a saturation of 35.6% and a lightness of 53.7%. #5fb380 color hex could be obtained by blending #beffff with #006701. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 37
- G 70
- B 50
RGB color chart
- C 47
- M 0
- Y 28
- K 30
CMYK color chart

● #5fb380 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #5fb380 has RGB values of R:95, G:179, B:128 and CMYK values of C:0.47, M:0, Y:0.28, K:0.3. Its decimal value is 6271872.

Hex triplet	5fb380	`#5fb380`
RGB Decimal	95, 179, 128	`rgb(95,179,128)`
RGB Percent	37.3, 70.2, 50.2	`rgb(37.3%,70.2%,50.2%)`
CMYK	47, 0, 28, 30
HSL	143.6°, 35.6, 53.7	`hsl(143.6,35.6%,53.7%)`
HSV (or HSB)	143.6°, 46.9, 70.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	66.695, -37.225, 18.323
XYZ	24.734, 36.23, 26.111
xyY	0.284, 0.416, 36.23
CIE-LCH	66.695, 41.49, 153.793
CIE-LUV	66.695, -38.851, 31.225
Hunter-Lab	60.191, -31.985, 16.414
Binary	01011111, 10110011, 10000000

#5fb380
```
#5fb380 rgb(95,179,128)
```
#b35f92
```
#b35f92 rgb(179,95,146)
```

Complementary Color

#68b35f
```
#68b35f rgb(104,179,95)
```
#5fb380
```
#5fb380 rgb(95,179,128)
```
#5fb3aa
```
#5fb3aa rgb(95,179,170)
```

Analogous Color

#b35f68
```
#b35f68 rgb(179,95,104)
```
#5fb380
```
#5fb380 rgb(95,179,128)
```
#aa5fb3
```
#aa5fb3 rgb(170,95,179)
```

Split Complementary Color

#b3805f
```
#b3805f rgb(179,128,95)
```
#5fb380
```
#5fb380 rgb(95,179,128)
```
#805fb3
```
#805fb3 rgb(128,95,179)
```

Triadic Color

#92b35f
```
#92b35f rgb(146,179,95)
```
#5fb380
```
#5fb380 rgb(95,179,128)
```
#805fb3
```
#805fb3 rgb(128,95,179)
```
#b35f92
```
#b35f92 rgb(179,95,146)
```

Tetradic Color

#40865b
```
#40865b rgb(64,134,91)
```
#489767
```
#489767 rgb(72,151,103)
```
#50a873
```
#50a873 rgb(80,168,115)
```
#5fb380
```
#5fb380 rgb(95,179,128)
```
#70bb8e
```
#70bb8e rgb(112,187,142)
```
#82c39b
```
#82c39b rgb(130,195,155)
```
#93cca9
```
#93cca9 rgb(147,204,169)
```

Monochromatic Color

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

#5fb36b
```
#5fb36b rgb(95,179,107)
```
#5fb372
```
#5fb372 rgb(95,179,114)
```
#5fb379
```
#5fb379 rgb(95,179,121)
```
#5fb380
```
#5fb380 rgb(95,179,128)
```
#5fb387
```
#5fb387 rgb(95,179,135)
```
#5fb38e
```
#5fb38e rgb(95,179,142)
```
#5fb395
```
#5fb395 rgb(95,179,149)
```

Similar Colors

Text with hexadecimal color #5fb380

This text has a font color of #5fb380.

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

#5fb380 background color

This paragraph has a background color of #5fb380.

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

#5fb380 border color

This element has a border color of #5fb380.

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

CSS codes

.text {color:#5fb380;}

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

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

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

#060d09
```
#060d09 rgb(6,13,9)
```
#0c1a12
```
#0c1a12 rgb(12,26,18)
```
#13271b
```
#13271b rgb(19,39,27)
```
#193524
```
#193524 rgb(25,53,36)
```
#1f422d
```
#1f422d rgb(31,66,45)
```
#264f36
```
#264f36 rgb(38,79,54)
```
#2c5d3f
```
#2c5d3f rgb(44,93,63)
```
#326a48
```
#326a48 rgb(50,106,72)
```
#397751
```
#397751 rgb(57,119,81)
```
#3f855a
```
#3f855a rgb(63,133,90)
```
#459263
```
#459263 rgb(69,146,99)
```
#4c9f6c
```
#4c9f6c rgb(76,159,108)
```
#52ac75
```
#52ac75 rgb(82,172,117)
```

Shade Color Variation

#5fb380
```
#5fb380 rgb(95,179,128)
```
#6cb98b
```
#6cb98b rgb(108,185,139)
```
#7ac095
```
#7ac095 rgb(122,192,149)
```
#87c6a0
```
#87c6a0 rgb(135,198,160)
```
#94ccaa
```
#94ccaa rgb(148,204,170)
```
#a1d3b5
```
#a1d3b5 rgb(161,211,181)
```
#afd9bf
```
#afd9bf rgb(175,217,191)
```
#bcdfca
```
#bcdfca rgb(188,223,202)
```
#c9e6d4
```
#c9e6d4 rgb(201,230,212)
```
#d7ecdf
```
#d7ecdf rgb(215,236,223)
```
#e4f2ea
```
#e4f2ea rgb(228,242,234)
```
#f1f8f4
```
#f1f8f4 rgb(241,248,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838f88 is the less saturated color, while #16fc70 is the most saturated one.

#838f88
```
#838f88 rgb(131,143,136)
```
#7a9886
```
#7a9886 rgb(122,152,134)
```
#71a184
```
#71a184 rgb(113,161,132)
```
#68aa82
```
#68aa82 rgb(104,170,130)
```
#5fb380
```
#5fb380 rgb(95,179,128)
```
#56bc7e
```
#56bc7e rgb(86,188,126)
```
#4dc57c
```
#4dc57c rgb(77,197,124)
```
#44ce7a
```
#44ce7a rgb(68,206,122)
```
#3bd778
```
#3bd778 rgb(59,215,120)
```
#32e076
```
#32e076 rgb(50,224,118)
```
#29e974
```
#29e974 rgb(41,233,116)
```
#1ff372
```
#1ff372 rgb(31,243,114)
```
#16fc70
```
#16fc70 rgb(22,252,112)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#899a90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a67f Protanopia 1% of men
#bfa18d Deuteranopia 1% of men
#77afbc Tritanopia 0.001% of the population

Trichromacy

#94ab7f Protanomaly 1% of men, 0.01% of women
#9ca788 Deuteranomaly 6% of men, 0.4% of women
#6eb0a6 Tritanomaly 0.01% of the population

#5fb380 hex color

#5fb380 Color Information

#5fb380 Color Conversion

Color Schemes with #5fb380

Alternatives to #5fb380

#5fb380 Preview

Shades and Tints of #5fb380

Tones of #5fb380

Color Blindness Simulator