#5fd5b8 hex color

In a RGB color space, hex #5fd5b8 is composed of 37.3% red, 83.5% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 0% magenta, 13.6% yellow and 16.5% black. It has a hue angle of 165.3 degrees, a saturation of 58.4% and a lightness of 60.4%. #5fd5b8 color hex could be obtained by blending #beffff with #00ab71. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 37
- G 84
- B 72
RGB color chart
- C 55
- M 0
- Y 14
- K 16
CMYK color chart

● #5fd5b8 color description : Moderate cyan.

The hexadecimal color #5fd5b8 has RGB values of R:95, G:213, B:184 and CMYK values of C:0.55, M:0, Y:0.14, K:0.16. Its decimal value is 6280632.

Hex triplet	5fd5b8	`#5fd5b8`
RGB Decimal	95, 213, 184	`rgb(95,213,184)`
RGB Percent	37.3, 83.5, 72.2	`rgb(37.3%,83.5%,72.2%)`
CMYK	55, 0, 14, 16
HSL	165.3°, 58.4, 60.4	`hsl(165.3,58.4%,60.4%)`
HSV (or HSB)	165.3°, 55.4, 83.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.157, -40.233, 4.315
XYZ	37.162, 53.479, 53.709
xyY	0.257, 0.37, 53.479
CIE-LCH	78.157, 40.464, 173.878
CIE-LUV	78.157, -50.051, 12.952
Hunter-Lab	73.13, -37.268, 7.646
Binary	01011111, 11010101, 10111000

#5fd5b8
```
#5fd5b8 rgb(95,213,184)
```
#d55f7c
```
#d55f7c rgb(213,95,124)
```

Complementary Color

#5fd57d
```
#5fd57d rgb(95,213,125)
```
#5fd5b8
```
#5fd5b8 rgb(95,213,184)
```
#5fb7d5
```
#5fb7d5 rgb(95,183,213)
```

Analogous Color

#d57d5f
```
#d57d5f rgb(213,125,95)
```
#5fd5b8
```
#5fd5b8 rgb(95,213,184)
```
#d55fb7
```
#d55fb7 rgb(213,95,183)
```

Split Complementary Color

#d5b85f
```
#d5b85f rgb(213,184,95)
```
#5fd5b8
```
#5fd5b8 rgb(95,213,184)
```
#b85fd5
```
#b85fd5 rgb(184,95,213)
```

Triadic Color

#7cd55f
```
#7cd55f rgb(124,213,95)
```
#5fd5b8
```
#5fd5b8 rgb(95,213,184)
```
#b85fd5
```
#b85fd5 rgb(184,95,213)
```
#d55f7c
```
#d55f7c rgb(213,95,124)
```

Tetradic Color

#30b796
```
#30b796 rgb(48,183,150)
```
#37caa6
```
#37caa6 rgb(55,202,166)
```
#4bd0af
```
#4bd0af rgb(75,208,175)
```
#5fd5b8
```
#5fd5b8 rgb(95,213,184)
```
#73dac1
```
#73dac1 rgb(115,218,193)
```
#87e0ca
```
#87e0ca rgb(135,224,202)
```
#9ce5d3
```
#9ce5d3 rgb(156,229,211)
```

Monochromatic Color

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

#5fd59b
```
#5fd59b rgb(95,213,155)
```
#5fd5a4
```
#5fd5a4 rgb(95,213,164)
```
#5fd5ae
```
#5fd5ae rgb(95,213,174)
```
#5fd5b8
```
#5fd5b8 rgb(95,213,184)
```
#5fd5c2
```
#5fd5c2 rgb(95,213,194)
```
#5fd5cc
```
#5fd5cc rgb(95,213,204)
```
#5fd5d5
```
#5fd5d5 rgb(95,213,213)
```

Similar Colors

Text with hexadecimal color #5fd5b8

This text has a font color of #5fd5b8.

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

#5fd5b8 background color

This paragraph has a background color of #5fd5b8.

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

#5fd5b8 border color

This element has a border color of #5fd5b8.

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

CSS codes

.text {color:#5fd5b8;}

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

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

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, #030b09 is the darkest color, while #fafefd is the lightest one.

#030b09
```
#030b09 rgb(3,11,9)
```
#071a16
```
#071a16 rgb(7,26,22)
```
#0b2a22
```
#0b2a22 rgb(11,42,34)
```
#0f3a2f
```
#0f3a2f rgb(15,58,47)
```
#13493c
```
#13493c rgb(19,73,60)
```
#175949
```
#175949 rgb(23,89,73)
```
#1b6855
```
#1b6855 rgb(27,104,85)
```
#1f7862
```
#1f7862 rgb(31,120,98)
```
#23876f
```
#23876f rgb(35,135,111)
```
#28977b
```
#28977b rgb(40,151,123)
```
#2ca688
```
#2ca688 rgb(44,166,136)
```
#30b695
```
#30b695 rgb(48,182,149)
```
#34c5a2
```
#34c5a2 rgb(52,197,162)
```

Shade Color Variation

#40cdaa
```
#40cdaa rgb(64,205,170)
```
#4fd1b1
```
#4fd1b1 rgb(79,209,177)
```
#5fd5b8
```
#5fd5b8 rgb(95,213,184)
```
#6fd9bf
```
#6fd9bf rgb(111,217,191)
```
#7eddc6
```
#7eddc6 rgb(126,221,198)
```
#8ee1cd
```
#8ee1cd rgb(142,225,205)
```
#9de5d4
```
#9de5d4 rgb(157,229,212)
```
#ade9da
```
#ade9da rgb(173,233,218)
```
#bcede1
```
#bcede1 rgb(188,237,225)
```
#ccf2e8
```
#ccf2e8 rgb(204,242,232)
```
#dbf6ef
```
#dbf6ef rgb(219,246,239)
```
#ebfaf6
```
#ebfaf6 rgb(235,250,246)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #959f9c is the less saturated color, while #38fccc is the most saturated one.

#959f9c
```
#959f9c rgb(149,159,156)
```
#8ea6a0
```
#8ea6a0 rgb(142,166,160)
```
#86aea4
```
#86aea4 rgb(134,174,164)
```
#7eb6a8
```
#7eb6a8 rgb(126,182,168)
```
#76beac
```
#76beac rgb(118,190,172)
```
#6fc5b0
```
#6fc5b0 rgb(111,197,176)
```
#67cdb4
```
#67cdb4 rgb(103,205,180)
```
#5fd5b8
```
#5fd5b8 rgb(95,213,184)
```
#57ddbc
```
#57ddbc rgb(87,221,188)
```
#4fe5c0
```
#4fe5c0 rgb(79,229,192)
```
#48ecc4
```
#48ecc4 rgb(72,236,196)
```
#40f4c8
```
#40f4c8 rgb(64,244,200)
```
#38fccc
```
#38fccc rgb(56,252,204)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9eb6b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc3b2 Protanopia 1% of men
#d6bec4 Deuteranopia 1% of men
#76d1e0 Tritanopia 0.001% of the population

Trichromacy

#a4cab4 Protanomaly 1% of men, 0.01% of women
#abc6bf Deuteranomaly 6% of men, 0.4% of women
#6ed2d2 Tritanomaly 0.01% of the population

#5fd5b8 hex color

#5fd5b8 Color Information

#5fd5b8 Color Conversion

Color Schemes with #5fd5b8

Alternatives to #5fd5b8

#5fd5b8 Preview

Shades and Tints of #5fd5b8

Tones of #5fd5b8

Color Blindness Simulator