#5fa487 hex color

In a RGB color space, hex #5fa487 is composed of 37.3% red, 64.3% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 42.1% cyan, 0% magenta, 17.7% yellow and 35.7% black. It has a hue angle of 154.8 degrees, a saturation of 27.5% and a lightness of 50.8%. #5fa487 color hex could be obtained by blending #beffff with #00490f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 64
- B 53
RGB color chart
- C 42
- M 0
- Y 18
- K 36
CMYK color chart

● #5fa487 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #5fa487 has RGB values of R:95, G:164, B:135 and CMYK values of C:0.42, M:0, Y:0.18, K:0.36. Its decimal value is 6268039.

Hex triplet	5fa487	`#5fa487`
RGB Decimal	95, 164, 135	`rgb(95,164,135)`
RGB Percent	37.3, 64.3, 52.9	`rgb(37.3%,64.3%,52.9%)`
CMYK	42, 0, 18, 36
HSL	154.8°, 27.5, 50.8	`hsl(154.8,27.5%,50.8%)`
HSV (or HSB)	154.8°, 42.1, 64.3
Web Safe	669999	`#669999`

CIE-LAB	62.281, -28.726, 8.28
XYZ	22.367, 30.732, 27.674
xyY	0.277, 0.38, 30.732
CIE-LCH	62.281, 29.895, 163.921
CIE-LUV	62.281, -32.284, 16.207
Hunter-Lab	55.436, -24.995, 9.208
Binary	01011111, 10100100, 10000111

#5fa487
```
#5fa487 rgb(95,164,135)
```
#a45f7c
```
#a45f7c rgb(164,95,124)
```

Complementary Color

#5fa465
```
#5fa465 rgb(95,164,101)
```
#5fa487
```
#5fa487 rgb(95,164,135)
```
#5f9fa4
```
#5f9fa4 rgb(95,159,164)
```

Analogous Color

#a4655f
```
#a4655f rgb(164,101,95)
```
#5fa487
```
#5fa487 rgb(95,164,135)
```
#a45f9f
```
#a45f9f rgb(164,95,159)
```

Split Complementary Color

#a4875f
```
#a4875f rgb(164,135,95)
```
#5fa487
```
#5fa487 rgb(95,164,135)
```
#875fa4
```
#875fa4 rgb(135,95,164)
```

Triadic Color

#7ca45f
```
#7ca45f rgb(124,164,95)
```
#5fa487
```
#5fa487 rgb(95,164,135)
```
#875fa4
```
#875fa4 rgb(135,95,164)
```
#a45f7c
```
#a45f7c rgb(164,95,124)
```

Tetradic Color

#42745f
```
#42745f rgb(66,116,95)
```
#4b856d
```
#4b856d rgb(75,133,109)
```
#55957a
```
#55957a rgb(85,149,122)
```
#5fa487
```
#5fa487 rgb(95,164,135)
```
#6fad93
```
#6fad93 rgb(111,173,147)
```
#80b69f
```
#80b69f rgb(128,182,159)
```
#90c0ac
```
#90c0ac rgb(144,192,172)
```

Monochromatic Color

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

#5fa476
```
#5fa476 rgb(95,164,118)
```
#5fa47c
```
#5fa47c rgb(95,164,124)
```
#5fa481
```
#5fa481 rgb(95,164,129)
```
#5fa487
```
#5fa487 rgb(95,164,135)
```
#5fa48d
```
#5fa48d rgb(95,164,141)
```
#5fa493
```
#5fa493 rgb(95,164,147)
```
#5fa498
```
#5fa498 rgb(95,164,152)
```

Similar Colors

Text with hexadecimal color #5fa487

This text has a font color of #5fa487.

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

#5fa487 background color

This paragraph has a background color of #5fa487.

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

#5fa487 border color

This element has a border color of #5fa487.

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

CSS codes

.text {color:#5fa487;}

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

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

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, #010302 is the darkest color, while #f5f9f8 is the lightest one.

#010302
```
#010302 rgb(1,3,2)
```
#090f0c
```
#090f0c rgb(9,15,12)
```
#101c17
```
#101c17 rgb(16,28,23)
```
#172821
```
#172821 rgb(23,40,33)
```
#1e352b
```
#1e352b rgb(30,53,43)
```
#254135
```
#254135 rgb(37,65,53)
```
#2c4e40
```
#2c4e40 rgb(44,78,64)
```
#335a4a
```
#335a4a rgb(51,90,74)
```
#3a6754
```
#3a6754 rgb(58,103,84)
```
#41735e
```
#41735e rgb(65,115,94)
```
#498068
```
#498068 rgb(73,128,104)
```
#508c73
```
#508c73 rgb(80,140,115)
```
#57997d
```
#57997d rgb(87,153,125)
```

Shade Color Variation

#5fa487
```
#5fa487 rgb(95,164,135)
```
#6cab90
```
#6cab90 rgb(108,171,144)
```
#78b29a
```
#78b29a rgb(120,178,154)
```
#85b9a3
```
#85b9a3 rgb(133,185,163)
```
#91c0ad
```
#91c0ad rgb(145,192,173)
```
#9ec8b6
```
#9ec8b6 rgb(158,200,182)
```
#aacfbf
```
#aacfbf rgb(170,207,191)
```
#b7d6c9
```
#b7d6c9 rgb(183,214,201)
```
#c3ddd2
```
#c3ddd2 rgb(195,221,210)
```
#d0e4db
```
#d0e4db rgb(208,228,219)
```
#dcebe5
```
#dcebe5 rgb(220,235,229)
```
#e9f2ee
```
#e9f2ee rgb(233,242,238)
```
#f5f9f8
```
#f5f9f8 rgb(245,249,248)
```

Tint Color Variation

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

#7c8782
```
#7c8782 rgb(124,135,130)
```
#729184
```
#729184 rgb(114,145,132)
```
#699a85
```
#699a85 rgb(105,154,133)
```
#5fa487
```
#5fa487 rgb(95,164,135)
```
#55ae89
```
#55ae89 rgb(85,174,137)
```
#4cb78a
```
#4cb78a rgb(76,183,138)
```
#42c18c
```
#42c18c rgb(66,193,140)
```
#38cb8d
```
#38cb8d rgb(56,203,141)
```
#2fd48f
```
#2fd48f rgb(47,212,143)
```
#25de90
```
#25de90 rgb(37,222,144)
```
#1be892
```
#1be892 rgb(27,232,146)
```
#12f193
```
#12f193 rgb(18,241,147)
```
#08fb95
```
#08fb95 rgb(8,251,149)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#83918b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39b86 Protanopia 1% of men
#ad9693 Deuteranopia 1% of men
#71a3af Tritanopia 0.001% of the population

Trichromacy

#8a9e86 Protanomaly 1% of men, 0.01% of women
#919b8e Deuteranomaly 6% of men, 0.4% of women
#6aa3a0 Tritanomaly 0.01% of the population

#5fa487 hex color

#5fa487 Color Information

#5fa487 Color Conversion

Color Schemes with #5fa487

Alternatives to #5fa487

#5fa487 Preview

Shades and Tints of #5fa487

Tones of #5fa487

Color Blindness Simulator