colorhexa.com

#5fd5cf hex color

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

- R 37
- G 84
- B 81
RGB color chart
- C 55
- M 0
- Y 3
- K 16
CMYK color chart

● #5fd5cf color description : Moderate cyan.

The hexadecimal color #5fd5cf has RGB values of R:95, G:213, B:207 and CMYK values of C:0.55, M:0, Y:0.03, K:0.16. Its decimal value is 6280655.

Hex triplet	5fd5cf	`#5fd5cf`
RGB Decimal	95, 213, 207	`rgb(95,213,207)`
RGB Percent	37.3, 83.5, 81.2	`rgb(37.3%,83.5%,81.2%)`
CMYK	55, 0, 3, 16
HSL	176.9°, 58.4, 60.4	`hsl(176.9,58.4%,60.4%)`
HSV (or HSB)	176.9°, 55.4, 83.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.766, -34.49, -7.108
XYZ	39.773, 54.523, 67.456
xyY	0.246, 0.337, 54.523
CIE-LCH	78.766, 35.215, 191.644
CIE-LUV	78.766, -48.897, -5.528
Hunter-Lab	73.84, -33.074, -2.476
Binary	01011111, 11010101, 11001111

#5fd5cf
```
#5fd5cf rgb(95,213,207)
```
#d55f65
```
#d55f65 rgb(213,95,101)
```

Complementary Color

#5fd594
```
#5fd594 rgb(95,213,148)
```
#5fd5cf
```
#5fd5cf rgb(95,213,207)
```
#5fa0d5
```
#5fa0d5 rgb(95,160,213)
```

Analogous Color

#d5945f
```
#d5945f rgb(213,148,95)
```
#5fd5cf
```
#5fd5cf rgb(95,213,207)
```
#d55fa0
```
#d55fa0 rgb(213,95,160)
```

Split Complementary Color

#d5cf5f
```
#d5cf5f rgb(213,207,95)
```
#5fd5cf
```
#5fd5cf rgb(95,213,207)
```
#cf5fd5
```
#cf5fd5 rgb(207,95,213)
```

Triadic Color

#65d55f
```
#65d55f rgb(101,213,95)
```
#5fd5cf
```
#5fd5cf rgb(95,213,207)
```
#cf5fd5
```
#cf5fd5 rgb(207,95,213)
```
#d55f65
```
#d55f65 rgb(213,95,101)
```

Tetradic Color

#30b7b0
```
#30b7b0 rgb(48,183,176)
```
#37cac3
```
#37cac3 rgb(55,202,195)
```
#4bd0c9
```
#4bd0c9 rgb(75,208,201)
```
#5fd5cf
```
#5fd5cf rgb(95,213,207)
```
#73dad5
```
#73dad5 rgb(115,218,213)
```
#87e0db
```
#87e0db rgb(135,224,219)
```
#9ce5e1
```
#9ce5e1 rgb(156,229,225)
```

Monochromatic Color

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

#5fd5b2
```
#5fd5b2 rgb(95,213,178)
```
#5fd5bb
```
#5fd5bb rgb(95,213,187)
```
#5fd5c5
```
#5fd5c5 rgb(95,213,197)
```
#5fd5cf
```
#5fd5cf rgb(95,213,207)
```
#5fd1d5
```
#5fd1d5 rgb(95,209,213)
```
#5fc7d5
```
#5fc7d5 rgb(95,199,213)
```
#5fbed5
```
#5fbed5 rgb(95,190,213)
```

Similar Colors

Text with hexadecimal color #5fd5cf

This text has a font color of #5fd5cf.

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

#5fd5cf background color

This paragraph has a background color of #5fd5cf.

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

#5fd5cf border color

This element has a border color of #5fd5cf.

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

CSS codes

.text {color:#5fd5cf;}

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

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

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

#030b0a
```
#030b0a rgb(3,11,10)
```
#071a19
```
#071a19 rgb(7,26,25)
```
#0b2a28
```
#0b2a28 rgb(11,42,40)
```
#0f3a37
```
#0f3a37 rgb(15,58,55)
```
#134946
```
#134946 rgb(19,73,70)
```
#175955
```
#175955 rgb(23,89,85)
```
#1b6864
```
#1b6864 rgb(27,104,100)
```
#1f7873
```
#1f7873 rgb(31,120,115)
```
#238782
```
#238782 rgb(35,135,130)
```
#289791
```
#289791 rgb(40,151,145)
```
#2ca6a0
```
#2ca6a0 rgb(44,166,160)
```
#30b6af
```
#30b6af rgb(48,182,175)
```
#34c5be
```
#34c5be rgb(52,197,190)
```

Shade Color Variation

#40cdc6
```
#40cdc6 rgb(64,205,198)
```
#4fd1ca
```
#4fd1ca rgb(79,209,202)
```
#5fd5cf
```
#5fd5cf rgb(95,213,207)
```
#6fd9d4
```
#6fd9d4 rgb(111,217,212)
```
#7eddd8
```
#7eddd8 rgb(126,221,216)
```
#8ee1dd
```
#8ee1dd rgb(142,225,221)
```
#9de5e2
```
#9de5e2 rgb(157,229,226)
```
#ade9e6
```
#ade9e6 rgb(173,233,230)
```
#bcedeb
```
#bcedeb rgb(188,237,235)
```
#ccf2f0
```
#ccf2f0 rgb(204,242,240)
```
#dbf6f4
```
#dbf6f4 rgb(219,246,244)
```
#ebfaf9
```
#ebfaf9 rgb(235,250,249)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#959f9e
```
#959f9e rgb(149,159,158)
```
#8ea6a5
```
#8ea6a5 rgb(142,166,165)
```
#86aeac
```
#86aeac rgb(134,174,172)
```
#7eb6b3
```
#7eb6b3 rgb(126,182,179)
```
#76beba
```
#76beba rgb(118,190,186)
```
#6fc5c1
```
#6fc5c1 rgb(111,197,193)
```
#67cdc8
```
#67cdc8 rgb(103,205,200)
```
#5fd5cf
```
#5fd5cf rgb(95,213,207)
```
#57ddd6
```
#57ddd6 rgb(87,221,214)
```
#4fe5dd
```
#4fe5dd rgb(79,229,221)
```
#48ece4
```
#48ece4 rgb(72,236,228)
```
#40f4eb
```
#40f4eb rgb(64,244,235)
```
#38fcf2
```
#38fcf2 rgb(56,252,242)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a1b8b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c5c7 Protanopia 1% of men
#cfc1d9 Deuteranopia 1% of men
#70d4e3 Tritanopia 0.001% of the population

Trichromacy

#a2caca Protanomaly 1% of men, 0.01% of women
#a6c8d5 Deuteranomaly 6% of men, 0.4% of women
#69d4dc Tritanomaly 0.01% of the population