#5fc7aa hex color

In a RGB color space, hex #5fc7aa is composed of 37.3% red, 78% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 0% magenta, 14.6% yellow and 22% black. It has a hue angle of 163.3 degrees, a saturation of 48.1% and a lightness of 57.6%. #5fc7aa color hex could be obtained by blending #beffff with #008f55. Closest websafe color is: #66cc99.

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

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

The hexadecimal color #5fc7aa has RGB values of R:95, G:199, B:170 and CMYK values of C:0.52, M:0, Y:0.15, K:0.22. Its decimal value is 6277034.

Hex triplet	5fc7aa	`#5fc7aa`
RGB Decimal	95, 199, 170	`rgb(95,199,170)`
RGB Percent	37.3, 78, 66.7	`rgb(37.3%,78%,66.7%)`
CMYK	52, 0, 15, 22
HSL	163.3°, 48.1, 57.6	`hsl(163.3,48.1%,57.6%)`
HSV (or HSB)	163.3°, 52.3, 78
Web Safe	66cc99	`#66cc99`

CIE-LAB	73.662, -37.209, 5.356
XYZ	32.396, 46.18, 45.234
xyY	0.262, 0.373, 46.18
CIE-LCH	73.662, 37.593, 171.809
CIE-LUV	73.662, -45.294, 13.879
Hunter-Lab	67.956, -33.827, 8.103
Binary	01011111, 11000111, 10101010

#5fc7aa
```
#5fc7aa rgb(95,199,170)
```
#c75f7c
```
#c75f7c rgb(199,95,124)
```

Complementary Color

#5fc776
```
#5fc776 rgb(95,199,118)
```
#5fc7aa
```
#5fc7aa rgb(95,199,170)
```
#5fb0c7
```
#5fb0c7 rgb(95,176,199)
```

Analogous Color

#c7765f
```
#c7765f rgb(199,118,95)
```
#5fc7aa
```
#5fc7aa rgb(95,199,170)
```
#c75fb0
```
#c75fb0 rgb(199,95,176)
```

Split Complementary Color

#c7aa5f
```
#c7aa5f rgb(199,170,95)
```
#5fc7aa
```
#5fc7aa rgb(95,199,170)
```
#aa5fc7
```
#aa5fc7 rgb(170,95,199)
```

Triadic Color

#7cc75f
```
#7cc75f rgb(124,199,95)
```
#5fc7aa
```
#5fc7aa rgb(95,199,170)
```
#aa5fc7
```
#aa5fc7 rgb(170,95,199)
```
#c75f7c
```
#c75f7c rgb(199,95,124)
```

Tetradic Color

#38a184
```
#38a184 rgb(56,161,132)
```
#3fb493
```
#3fb493 rgb(63,180,147)
```
#4cc0a0
```
#4cc0a0 rgb(76,192,160)
```
#5fc7aa
```
#5fc7aa rgb(95,199,170)
```
#72ceb4
```
#72ceb4 rgb(114,206,180)
```
#85d4be
```
#85d4be rgb(133,212,190)
```
#98dbc8
```
#98dbc8 rgb(152,219,200)
```

Monochromatic Color

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

#5fc790
```
#5fc790 rgb(95,199,144)
```
#5fc799
```
#5fc799 rgb(95,199,153)
```
#5fc7a1
```
#5fc7a1 rgb(95,199,161)
```
#5fc7aa
```
#5fc7aa rgb(95,199,170)
```
#5fc7b3
```
#5fc7b3 rgb(95,199,179)
```
#5fc7bb
```
#5fc7bb rgb(95,199,187)
```
#5fc7c4
```
#5fc7c4 rgb(95,199,196)
```

Similar Colors

Text with hexadecimal color #5fc7aa

This text has a font color of #5fc7aa.

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

#5fc7aa background color

This paragraph has a background color of #5fc7aa.

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

#5fc7aa border color

This element has a border color of #5fc7aa.

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

CSS codes

.text {color:#5fc7aa;}

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

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

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

#050e0c
```
#050e0c rgb(5,14,12)
```
#0a1d18
```
#0a1d18 rgb(10,29,24)
```
#0f2b24
```
#0f2b24 rgb(15,43,36)
```
#143a2f
```
#143a2f rgb(20,58,47)
```
#19483b
```
#19483b rgb(25,72,59)
```
#1e5747
```
#1e5747 rgb(30,87,71)
```
#246653
```
#246653 rgb(36,102,83)
```
#29745f
```
#29745f rgb(41,116,95)
```
#2e836b
```
#2e836b rgb(46,131,107)
```
#339177
```
#339177 rgb(51,145,119)
```
#38a083
```
#38a083 rgb(56,160,131)
```
#3dae8f
```
#3dae8f rgb(61,174,143)
```
#42bd9b
```
#42bd9b rgb(66,189,155)
```

Shade Color Variation

#50c2a2
```
#50c2a2 rgb(80,194,162)
```
#5fc7aa
```
#5fc7aa rgb(95,199,170)
```
#6eccb2
```
#6eccb2 rgb(110,204,178)
```
#7cd1b9
```
#7cd1b9 rgb(124,209,185)
```
#8bd6c1
```
#8bd6c1 rgb(139,214,193)
```
#99dbc9
```
#99dbc9 rgb(153,219,201)
```
#a8e0d1
```
#a8e0d1 rgb(168,224,209)
```
#b6e6d8
```
#b6e6d8 rgb(182,230,216)
```
#c5ebe0
```
#c5ebe0 rgb(197,235,224)
```
#d3f0e8
```
#d3f0e8 rgb(211,240,232)
```
#e2f5ef
```
#e2f5ef rgb(226,245,239)
```
#f0faf7
```
#f0faf7 rgb(240,250,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#919594
```
#919594 rgb(145,149,148)
```
#899d98
```
#899d98 rgb(137,157,152)
```
#80a69b
```
#80a69b rgb(128,166,155)
```
#78ae9f
```
#78ae9f rgb(120,174,159)
```
#70b6a3
```
#70b6a3 rgb(112,182,163)
```
#67bfa6
```
#67bfa6 rgb(103,191,166)
```
#5fc7aa
```
#5fc7aa rgb(95,199,170)
```
#57cfae
```
#57cfae rgb(87,207,174)
```
#4ed8b1
```
#4ed8b1 rgb(78,216,177)
```
#46e0b5
```
#46e0b5 rgb(70,224,181)
```
#3ee8b9
```
#3ee8b9 rgb(62,232,185)
```
#35f1bc
```
#35f1bc rgb(53,241,188)
```
#2df9c0
```
#2df9c0 rgb(45,249,192)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#97aca6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b8a5 Protanopia 1% of men
#cab3b6 Deuteranopia 1% of men
#75c4d2 Tritanopia 0.001% of the population

Trichromacy

#9dbda7 Protanomaly 1% of men, 0.01% of women
#a3bab1 Deuteranomaly 6% of men, 0.4% of women
#6dc5c4 Tritanomaly 0.01% of the population

#5fc7aa hex color

#5fc7aa Color Information

#5fc7aa Color Conversion

Color Schemes with #5fc7aa

Alternatives to #5fc7aa

#5fc7aa Preview

Shades and Tints of #5fc7aa

Tones of #5fc7aa

Color Blindness Simulator