#5fa388 hex color

In a RGB color space, hex #5fa388 is composed of 37.3% red, 63.9% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 0% magenta, 16.6% yellow and 36.1% black. It has a hue angle of 156.2 degrees, a saturation of 27% and a lightness of 50.6%. #5fa388 color hex could be obtained by blending #beffff with #004711. Closest websafe color is: #669999.

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

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

The hexadecimal color #5fa388 has RGB values of R:95, G:163, B:136 and CMYK values of C:0.42, M:0, Y:0.17, K:0.36. Its decimal value is 6267784.

Hex triplet	5fa388	`#5fa388`
RGB Decimal	95, 163, 136	`rgb(95,163,136)`
RGB Percent	37.3, 63.9, 53.3	`rgb(37.3%,63.9%,53.3%)`
CMYK	42, 0, 17, 36
HSL	156.2°, 27, 50.6	`hsl(156.2,27%,50.6%)`
HSV (or HSB)	156.2°, 41.7, 63.9
Web Safe	669999	`#669999`

CIE-LAB	62.001, -28.015, 7.321
XYZ	22.259, 30.404, 27.987
xyY	0.276, 0.377, 30.404
CIE-LCH	62.001, 28.956, 165.354
CIE-LUV	62.001, -31.829, 14.764
Hunter-Lab	55.139, -24.436, 8.504
Binary	01011111, 10100011, 10001000

#5fa388
```
#5fa388 rgb(95,163,136)
```
#a35f7a
```
#a35f7a rgb(163,95,122)
```

Complementary Color

#5fa366
```
#5fa366 rgb(95,163,102)
```
#5fa388
```
#5fa388 rgb(95,163,136)
```
#5f9ca3
```
#5f9ca3 rgb(95,156,163)
```

Analogous Color

#a3665f
```
#a3665f rgb(163,102,95)
```
#5fa388
```
#5fa388 rgb(95,163,136)
```
#a35f9c
```
#a35f9c rgb(163,95,156)
```

Split Complementary Color

#a3885f
```
#a3885f rgb(163,136,95)
```
#5fa388
```
#5fa388 rgb(95,163,136)
```
#885fa3
```
#885fa3 rgb(136,95,163)
```

Triadic Color

#7aa35f
```
#7aa35f rgb(122,163,95)
```
#5fa388
```
#5fa388 rgb(95,163,136)
```
#885fa3
```
#885fa3 rgb(136,95,163)
```
#a35f7a
```
#a35f7a rgb(163,95,122)
```

Tetradic Color

#427360
```
#427360 rgb(66,115,96)
```
#4c836d
```
#4c836d rgb(76,131,109)
```
#55947b
```
#55947b rgb(85,148,123)
```
#5fa388
```
#5fa388 rgb(95,163,136)
```
#6fac94
```
#6fac94 rgb(111,172,148)
```
#7fb6a0
```
#7fb6a0 rgb(127,182,160)
```
#90bfac
```
#90bfac rgb(144,191,172)
```

Monochromatic Color

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

#5fa377
```
#5fa377 rgb(95,163,119)
```
#5fa37d
```
#5fa37d rgb(95,163,125)
```
#5fa382
```
#5fa382 rgb(95,163,130)
```
#5fa388
```
#5fa388 rgb(95,163,136)
```
#5fa38e
```
#5fa38e rgb(95,163,142)
```
#5fa393
```
#5fa393 rgb(95,163,147)
```
#5fa399
```
#5fa399 rgb(95,163,153)
```

Similar Colors

Text with hexadecimal color #5fa388

This text has a font color of #5fa388.

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

#5fa388 background color

This paragraph has a background color of #5fa388.

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

#5fa388 border color

This element has a border color of #5fa388.

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

CSS codes

.text {color:#5fa388;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080e0c
```
#080e0c rgb(8,14,12)
```
#0f1b16
```
#0f1b16 rgb(15,27,22)
```
#172721
```
#172721 rgb(23,39,33)
```
#1e342b
```
#1e342b rgb(30,52,43)
```
#254035
```
#254035 rgb(37,64,53)
```
#2c4d40
```
#2c4d40 rgb(44,77,64)
```
#33594a
```
#33594a rgb(51,89,74)
```
#3a6654
```
#3a6654 rgb(58,102,84)
```
#42725f
```
#42725f rgb(66,114,95)
```
#497e69
```
#497e69 rgb(73,126,105)
```
#508b73
```
#508b73 rgb(80,139,115)
```
#57977e
```
#57977e rgb(87,151,126)
```

Shade Color Variation

#5fa388
```
#5fa388 rgb(95,163,136)
```
#6baa91
```
#6baa91 rgb(107,170,145)
```
#78b19b
```
#78b19b rgb(120,177,155)
```
#84b8a4
```
#84b8a4 rgb(132,184,164)
```
#91c0ad
```
#91c0ad rgb(145,192,173)
```
#9dc7b6
```
#9dc7b6 rgb(157,199,182)
```
#aacec0
```
#aacec0 rgb(170,206,192)
```
#b6d5c9
```
#b6d5c9 rgb(182,213,201)
```
#c3dcd2
```
#c3dcd2 rgb(195,220,210)
```
#cfe3db
```
#cfe3db rgb(207,227,219)
```
#dcebe5
```
#dcebe5 rgb(220,235,229)
```
#e8f2ee
```
#e8f2ee rgb(232,242,238)
```
#f4f9f7
```
#f4f9f7 rgb(244,249,247)
```

Tint Color Variation

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

#7c8682
```
#7c8682 rgb(124,134,130)
```
#729084
```
#729084 rgb(114,144,132)
```
#699986
```
#699986 rgb(105,153,134)
```
#5fa388
```
#5fa388 rgb(95,163,136)
```
#55ad8a
```
#55ad8a rgb(85,173,138)
```
#4cb68c
```
#4cb68c rgb(76,182,140)
```
#42c08e
```
#42c08e rgb(66,192,142)
```
#38ca90
```
#38ca90 rgb(56,202,144)
```
#2fd392
```
#2fd392 rgb(47,211,146)
```
#25dd94
```
#25dd94 rgb(37,221,148)
```
#1be796
```
#1be796 rgb(27,231,150)
```
#11f198
```
#11f198 rgb(17,241,152)
```
#08fa9a
```
#08fa9a rgb(8,250,154)
```

Tone Color Variation

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

#a29a87 Protanopia 1% of men
#ac9694 Deuteranopia 1% of men
#71a3ae Tritanopia 0.001% of the population

Trichromacy

#899d87 Protanomaly 1% of men, 0.01% of women
#909a8f Deuteranomaly 6% of men, 0.4% of women
#6aa3a0 Tritanomaly 0.01% of the population

#5fa388 hex color

#5fa388 Color Information

#5fa388 Color Conversion

Color Schemes with #5fa388

Alternatives to #5fa388

#5fa388 Preview

Shades and Tints of #5fa388

Tones of #5fa388

Color Blindness Simulator