#5fc6a2 hex color

In a RGB color space, hex #5fc6a2 is composed of 37.3% red, 77.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 0% magenta, 18.2% yellow and 22.4% black. It has a hue angle of 159 degrees, a saturation of 47.5% and a lightness of 57.5%. #5fc6a2 color hex could be obtained by blending #beffff with #008d45. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 37
- G 78
- B 64
RGB color chart
- C 52
- M 0
- Y 18
- K 22
CMYK color chart

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

The hexadecimal color #5fc6a2 has RGB values of R:95, G:198, B:162 and CMYK values of C:0.52, M:0, Y:0.18, K:0.22. Its decimal value is 6276770.

Hex triplet	5fc6a2	`#5fc6a2`
RGB Decimal	95, 198, 162	`rgb(95,198,162)`
RGB Percent	37.3, 77.6, 63.5	`rgb(37.3%,77.6%,63.5%)`
CMYK	52, 0, 18, 22
HSL	159°, 47.5, 57.5	`hsl(159,47.5%,57.5%)`
HSV (or HSB)	159°, 52, 77.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	73.172, -38.596, 8.98
XYZ	31.433, 45.427, 41.292
xyY	0.266, 0.384, 45.427
CIE-LCH	73.172, 39.627, 166.903
CIE-LUV	73.172, -45.254, 19.304
Hunter-Lab	67.4, -34.704, 10.856
Binary	01011111, 11000110, 10100010

#5fc6a2
```
#5fc6a2 rgb(95,198,162)
```
#c65f83
```
#c65f83 rgb(198,95,131)
```

Complementary Color

#5fc66f
```
#5fc66f rgb(95,198,111)
```
#5fc6a2
```
#5fc6a2 rgb(95,198,162)
```
#5fb7c6
```
#5fb7c6 rgb(95,183,198)
```

Analogous Color

#c66f5f
```
#c66f5f rgb(198,111,95)
```
#5fc6a2
```
#5fc6a2 rgb(95,198,162)
```
#c65fb7
```
#c65fb7 rgb(198,95,183)
```

Split Complementary Color

#c6a25f
```
#c6a25f rgb(198,162,95)
```
#5fc6a2
```
#5fc6a2 rgb(95,198,162)
```
#a25fc6
```
#a25fc6 rgb(162,95,198)
```

Triadic Color

#83c65f
```
#83c65f rgb(131,198,95)
```
#5fc6a2
```
#5fc6a2 rgb(95,198,162)
```
#a25fc6
```
#a25fc6 rgb(162,95,198)
```
#c65f83
```
#c65f83 rgb(198,95,131)
```

Tetradic Color

#39a07c
```
#39a07c rgb(57,160,124)
```
#40b28a
```
#40b28a rgb(64,178,138)
```
#4cbf97
```
#4cbf97 rgb(76,191,151)
```
#5fc6a2
```
#5fc6a2 rgb(95,198,162)
```
#72cdad
```
#72cdad rgb(114,205,173)
```
#85d3b8
```
#85d3b8 rgb(133,211,184)
```
#97dac3
```
#97dac3 rgb(151,218,195)
```

Monochromatic Color

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

#5fc688
```
#5fc688 rgb(95,198,136)
```
#5fc691
```
#5fc691 rgb(95,198,145)
```
#5fc699
```
#5fc699 rgb(95,198,153)
```
#5fc6a2
```
#5fc6a2 rgb(95,198,162)
```
#5fc6ab
```
#5fc6ab rgb(95,198,171)
```
#5fc6b3
```
#5fc6b3 rgb(95,198,179)
```
#5fc6bc
```
#5fc6bc rgb(95,198,188)
```

Similar Colors

Text with hexadecimal color #5fc6a2

This text has a font color of #5fc6a2.

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

#5fc6a2 background color

This paragraph has a background color of #5fc6a2.

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

#5fc6a2 border color

This element has a border color of #5fc6a2.

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

CSS codes

.text {color:#5fc6a2;}

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

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

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

#050e0b
```
#050e0b rgb(5,14,11)
```
#0a1c16
```
#0a1c16 rgb(10,28,22)
```
#0f2a21
```
#0f2a21 rgb(15,42,33)
```
#14392c
```
#14392c rgb(20,57,44)
```
#194737
```
#194737 rgb(25,71,55)
```
#1f5643
```
#1f5643 rgb(31,86,67)
```
#24644e
```
#24644e rgb(36,100,78)
```
#297359
```
#297359 rgb(41,115,89)
```
#2e8164
```
#2e8164 rgb(46,129,100)
```
#33906f
```
#33906f rgb(51,144,111)
```
#389e7b
```
#389e7b rgb(56,158,123)
```
#3ead86
```
#3ead86 rgb(62,173,134)
```
#43bb91
```
#43bb91 rgb(67,187,145)
```

Shade Color Variation

#51c19a
```
#51c19a rgb(81,193,154)
```
#5fc6a2
```
#5fc6a2 rgb(95,198,162)
```
#6dcbaa
```
#6dcbaa rgb(109,203,170)
```
#7cd0b3
```
#7cd0b3 rgb(124,208,179)
```
#8ad5bb
```
#8ad5bb rgb(138,213,187)
```
#99dbc4
```
#99dbc4 rgb(153,219,196)
```
#a7e0cc
```
#a7e0cc rgb(167,224,204)
```
#b6e5d4
```
#b6e5d4 rgb(182,229,212)
```
#c4eadd
```
#c4eadd rgb(196,234,221)
```
#d3efe5
```
#d3efe5 rgb(211,239,229)
```
#e1f4ee
```
#e1f4ee rgb(225,244,238)
```
#f0faf6
```
#f0faf6 rgb(240,250,246)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919493 is the less saturated color, while #2df8b1 is the most saturated one.

#919493
```
#919493 rgb(145,148,147)
```
#899c95
```
#899c95 rgb(137,156,149)
```
#80a598
```
#80a598 rgb(128,165,152)
```
#78ad9a
```
#78ad9a rgb(120,173,154)
```
#70b59d
```
#70b59d rgb(112,181,157)
```
#67be9f
```
#67be9f rgb(103,190,159)
```
#5fc6a2
```
#5fc6a2 rgb(95,198,162)
```
#57cea5
```
#57cea5 rgb(87,206,165)
```
#4ed7a7
```
#4ed7a7 rgb(78,215,167)
```
#46dfaa
```
#46dfaa rgb(70,223,170)
```
#3ee7ac
```
#3ee7ac rgb(62,231,172)
```
#35f0af
```
#35f0af rgb(53,240,175)
```
#2df8b1
```
#2df8b1 rgb(45,248,177)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#95aaa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b79e Protanopia 1% of men
#cbb1ae Deuteranopia 1% of men
#76c2d1 Tritanopia 0.001% of the population

Trichromacy

#9dbc9f Protanomaly 1% of men, 0.01% of women
#a4b9aa Deuteranomaly 6% of men, 0.4% of women
#6ec4bf Tritanomaly 0.01% of the population

#5fc6a2 hex color

#5fc6a2 Color Information

#5fc6a2 Color Conversion

Color Schemes with #5fc6a2

Alternatives to #5fc6a2

#5fc6a2 Preview

Shades and Tints of #5fc6a2

Tones of #5fc6a2

Color Blindness Simulator