#5faf83 hex color

In a RGB color space, hex #5faf83 is composed of 37.3% red, 68.6% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 0% magenta, 25.1% yellow and 31.4% black. It has a hue angle of 147 degrees, a saturation of 33.3% and a lightness of 52.9%. #5faf83 color hex could be obtained by blending #beffff with #005f07. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 69
- B 51
RGB color chart
- C 46
- M 0
- Y 25
- K 31
CMYK color chart

● #5faf83 color description : Dark moderate cyan - lime green.

The hexadecimal color #5faf83 has RGB values of R:95, G:175, B:131 and CMYK values of C:0.46, M:0, Y:0.25, K:0.31. Its decimal value is 6270851.

Hex triplet	5faf83	`#5faf83`
RGB Decimal	95, 175, 131	`rgb(95,175,131)`
RGB Percent	37.3, 68.6, 51.4	`rgb(37.3%,68.6%,51.4%)`
CMYK	46, 0, 25, 31
HSL	147°, 33.3, 52.9	`hsl(147,33.3%,52.9%)`
HSV (or HSB)	147°, 45.7, 68.6
Web Safe	669999	`#669999`

CIE-LAB	65.538, -34.794, 15.083
XYZ	24.145, 34.73, 26.903
xyY	0.281, 0.405, 34.73
CIE-LCH	65.538, 37.922, 156.563
CIE-LUV	65.538, -37.073, 26.526
Hunter-Lab	58.932, -30, 14.186
Binary	01011111, 10101111, 10000011

#5faf83
```
#5faf83 rgb(95,175,131)
```
#af5f8b
```
#af5f8b rgb(175,95,139)
```

Complementary Color

#63af5f
```
#63af5f rgb(99,175,95)
```
#5faf83
```
#5faf83 rgb(95,175,131)
```
#5fafab
```
#5fafab rgb(95,175,171)
```

Analogous Color

#af5f63
```
#af5f63 rgb(175,95,99)
```
#5faf83
```
#5faf83 rgb(95,175,131)
```
#ab5faf
```
#ab5faf rgb(171,95,175)
```

Split Complementary Color

#af835f
```
#af835f rgb(175,131,95)
```
#5faf83
```
#5faf83 rgb(95,175,131)
```
#835faf
```
#835faf rgb(131,95,175)
```

Triadic Color

#8baf5f
```
#8baf5f rgb(139,175,95)
```
#5faf83
```
#5faf83 rgb(95,175,131)
```
#835faf
```
#835faf rgb(131,95,175)
```
#af5f8b
```
#af5f8b rgb(175,95,139)
```

Tetradic Color

#41815e
```
#41815e rgb(65,129,94)
```
#49926a
```
#49926a rgb(73,146,106)
```
#52a376
```
#52a376 rgb(82,163,118)
```
#5faf83
```
#5faf83 rgb(95,175,131)
```
#70b890
```
#70b890 rgb(112,184,144)
```
#81c09d
```
#81c09d rgb(129,192,157)
```
#92c9ab
```
#92c9ab rgb(146,201,171)
```

Monochromatic Color

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

#5faf6f
```
#5faf6f rgb(95,175,111)
```
#5faf76
```
#5faf76 rgb(95,175,118)
```
#5faf7c
```
#5faf7c rgb(95,175,124)
```
#5faf83
```
#5faf83 rgb(95,175,131)
```
#5faf8a
```
#5faf8a rgb(95,175,138)
```
#5faf90
```
#5faf90 rgb(95,175,144)
```
#5faf97
```
#5faf97 rgb(95,175,151)
```

Similar Colors

Text with hexadecimal color #5faf83

This text has a font color of #5faf83.

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

#5faf83 background color

This paragraph has a background color of #5faf83.

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

#5faf83 border color

This element has a border color of #5faf83.

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

CSS codes

.text {color:#5faf83;}

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

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

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, #050a07 is the darkest color, while #fcfdfd is the lightest one.

#050a07
```
#050a07 rgb(5,10,7)
```
#0c1711
```
#0c1711 rgb(12,23,17)
```
#12241a
```
#12241a rgb(18,36,26)
```
#193124
```
#193124 rgb(25,49,36)
```
#1f3e2d
```
#1f3e2d rgb(31,62,45)
```
#264b37
```
#264b37 rgb(38,75,55)
```
#2c5840
```
#2c5840 rgb(44,88,64)
```
#33664a
```
#33664a rgb(51,102,74)
```
#397353
```
#397353 rgb(57,115,83)
```
#40805d
```
#40805d rgb(64,128,93)
```
#468d66
```
#468d66 rgb(70,141,102)
```
#4d9a70
```
#4d9a70 rgb(77,154,112)
```
#53a779
```
#53a779 rgb(83,167,121)
```

Shade Color Variation

#5faf83
```
#5faf83 rgb(95,175,131)
```
#6cb68d
```
#6cb68d rgb(108,182,141)
```
#79bc97
```
#79bc97 rgb(121,188,151)
```
#86c3a1
```
#86c3a1 rgb(134,195,161)
```
#93c9ac
```
#93c9ac rgb(147,201,172)
```
#a0d0b6
```
#a0d0b6 rgb(160,208,182)
```
#add6c0
```
#add6c0 rgb(173,214,192)
```
#bbddca
```
#bbddca rgb(187,221,202)
```
#c8e3d4
```
#c8e3d4 rgb(200,227,212)
```
#d5eade
```
#d5eade rgb(213,234,222)
```
#e2f0e8
```
#e2f0e8 rgb(226,240,232)
```
#eff7f2
```
#eff7f2 rgb(239,247,242)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848a87 is the less saturated color, while #15f97c is the most saturated one.

#848a87
```
#848a87 rgb(132,138,135)
```
#7b9386
```
#7b9386 rgb(123,147,134)
```
#719d85
```
#719d85 rgb(113,157,133)
```
#68a684
```
#68a684 rgb(104,166,132)
```
#5faf83
```
#5faf83 rgb(95,175,131)
```
#56b882
```
#56b882 rgb(86,184,130)
```
#4dc181
```
#4dc181 rgb(77,193,129)
```
#43cb80
```
#43cb80 rgb(67,203,128)
```
#3ad47f
```
#3ad47f rgb(58,212,127)
```
#31dd7e
```
#31dd7e rgb(49,221,126)
```
#28e67d
```
#28e67d rgb(40,230,125)
```
#1ef07d
```
#1ef07d rgb(30,240,125)
```
#15f97c
```
#15f97c rgb(21,249,124)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#88988f Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea382 Protanopia 1% of men
#ba9e90 Deuteranopia 1% of men
#75acb9 Tritanopia 0.001% of the population

Trichromacy

#91a782 Protanomaly 1% of men, 0.01% of women
#99a48b Deuteranomaly 6% of men, 0.4% of women
#6dada5 Tritanomaly 0.01% of the population

#5faf83 hex color

#5faf83 Color Information

#5faf83 Color Conversion

Color Schemes with #5faf83

Alternatives to #5faf83

#5faf83 Preview

Shades and Tints of #5faf83

Tones of #5faf83

Color Blindness Simulator