#5fc8b2 hex color

In a RGB color space, hex #5fc8b2 is composed of 37.3% red, 78.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 0% magenta, 11% yellow and 21.6% black. It has a hue angle of 167.4 degrees, a saturation of 48.8% and a lightness of 57.8%. #5fc8b2 color hex could be obtained by blending #beffff with #009165. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 37
- G 78
- B 70
RGB color chart
- C 53
- M 0
- Y 11
- K 22
CMYK color chart

● #5fc8b2 color description : Moderate cyan.

The hexadecimal color #5fc8b2 has RGB values of R:95, G:200, B:178 and CMYK values of C:0.53, M:0, Y:0.11, K:0.22. Its decimal value is 6277298.

Hex triplet	5fc8b2	`#5fc8b2`
RGB Decimal	95, 200, 178	`rgb(95,200,178)`
RGB Percent	37.3, 78.4, 69.8	`rgb(37.3%,78.4%,69.8%)`
CMYK	53, 0, 11, 22
HSL	167.4°, 48.8, 57.8	`hsl(167.4,48.8%,57.8%)`
HSV (or HSB)	167.4°, 52.5, 78.4
Web Safe	66cc99	`#66cc99`

CIE-LAB	74.16, -35.76, 1.747
XYZ	33.407, 46.953, 49.419
xyY	0.257, 0.362, 46.953
CIE-LCH	74.16, 35.803, 177.202
CIE-LUV	74.16, -45.324, 8.325
Hunter-Lab	68.523, -32.89, 5.205
Binary	01011111, 11001000, 10110010

#5fc8b2
```
#5fc8b2 rgb(95,200,178)
```
#c85f75
```
#c85f75 rgb(200,95,117)
```

Complementary Color

#5fc87e
```
#5fc87e rgb(95,200,126)
```
#5fc8b2
```
#5fc8b2 rgb(95,200,178)
```
#5faac8
```
#5faac8 rgb(95,170,200)
```

Analogous Color

#c87e5f
```
#c87e5f rgb(200,126,95)
```
#5fc8b2
```
#5fc8b2 rgb(95,200,178)
```
#c85faa
```
#c85faa rgb(200,95,170)
```

Split Complementary Color

#c8b25f
```
#c8b25f rgb(200,178,95)
```
#5fc8b2
```
#5fc8b2 rgb(95,200,178)
```
#b25fc8
```
#b25fc8 rgb(178,95,200)
```

Triadic Color

#75c85f
```
#75c85f rgb(117,200,95)
```
#5fc8b2
```
#5fc8b2 rgb(95,200,178)
```
#b25fc8
```
#b25fc8 rgb(178,95,200)
```
#c85f75
```
#c85f75 rgb(200,95,117)
```

Tetradic Color

#38a38c
```
#38a38c rgb(56,163,140)
```
#3eb69d
```
#3eb69d rgb(62,182,157)
```
#4cc1a9
```
#4cc1a9 rgb(76,193,169)
```
#5fc8b2
```
#5fc8b2 rgb(95,200,178)
```
#72cfbb
```
#72cfbb rgb(114,207,187)
```
#85d5c4
```
#85d5c4 rgb(133,213,196)
```
#98dccd
```
#98dccd rgb(152,220,205)
```

Monochromatic Color

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

#5fc898
```
#5fc898 rgb(95,200,152)
```
#5fc8a1
```
#5fc8a1 rgb(95,200,161)
```
#5fc8a9
```
#5fc8a9 rgb(95,200,169)
```
#5fc8b2
```
#5fc8b2 rgb(95,200,178)
```
#5fc8bb
```
#5fc8bb rgb(95,200,187)
```
#5fc8c4
```
#5fc8c4 rgb(95,200,196)
```
#5fc4c8
```
#5fc4c8 rgb(95,196,200)
```

Similar Colors

Text with hexadecimal color #5fc8b2

This text has a font color of #5fc8b2.

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

#5fc8b2 background color

This paragraph has a background color of #5fc8b2.

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

#5fc8b2 border color

This element has a border color of #5fc8b2.

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

CSS codes

.text {color:#5fc8b2;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#050f0d
```
#050f0d rgb(5,15,13)
```
#0a1e1a
```
#0a1e1a rgb(10,30,26)
```
#0f2c26
```
#0f2c26 rgb(15,44,38)
```
#143b33
```
#143b33 rgb(20,59,51)
```
#194a3f
```
#194a3f rgb(25,74,63)
```
#1e584c
```
#1e584c rgb(30,88,76)
```
#236759
```
#236759 rgb(35,103,89)
```
#287565
```
#287565 rgb(40,117,101)
```
#2d8472
```
#2d8472 rgb(45,132,114)
```
#32937e
```
#32937e rgb(50,147,126)
```
#37a18b
```
#37a18b rgb(55,161,139)
```
#3cb098
```
#3cb098 rgb(60,176,152)
```

Shade Color Variation

#42bea4
```
#42bea4 rgb(66,190,164)
```
#50c3ab
```
#50c3ab rgb(80,195,171)
```
#5fc8b2
```
#5fc8b2 rgb(95,200,178)
```
#6ecdb9
```
#6ecdb9 rgb(110,205,185)
```
#7cd2c0
```
#7cd2c0 rgb(124,210,192)
```
#8bd7c7
```
#8bd7c7 rgb(139,215,199)
```
#99dcce
```
#99dcce rgb(153,220,206)
```
#a8e1d5
```
#a8e1d5 rgb(168,225,213)
```
#b7e6dc
```
#b7e6dc rgb(183,230,220)
```
#c5ebe3
```
#c5ebe3 rgb(197,235,227)
```
#d4f0ea
```
#d4f0ea rgb(212,240,234)
```
#e2f5f1
```
#e2f5f1 rgb(226,245,241)
```
#f1faf8
```
#f1faf8 rgb(241,250,248)
```

Tint Color Variation

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

#919695
```
#919695 rgb(145,150,149)
```
#889f9a
```
#889f9a rgb(136,159,154)
```
#80a79f
```
#80a79f rgb(128,167,159)
```
#78afa4
```
#78afa4 rgb(120,175,164)
```
#70b7a8
```
#70b7a8 rgb(112,183,168)
```
#67c0ad
```
#67c0ad rgb(103,192,173)
```
#5fc8b2
```
#5fc8b2 rgb(95,200,178)
```
#57d0b7
```
#57d0b7 rgb(87,208,183)
```
#4ed9bc
```
#4ed9bc rgb(78,217,188)
```
#46e1c0
```
#46e1c0 rgb(70,225,192)
```
#3ee9c5
```
#3ee9c5 rgb(62,233,197)
```
#36f1ca
```
#36f1ca rgb(54,241,202)
```
#2dfacf
```
#2dfacf rgb(45,250,207)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#98ada8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b9ad Protanopia 1% of men
#c9b4bd Deuteranopia 1% of men
#73c6d4 Tritanopia 0.001% of the population

Trichromacy

#9cbeae Protanomaly 1% of men, 0.01% of women
#a2bbb9 Deuteranomaly 6% of men, 0.4% of women
#6cc6c8 Tritanomaly 0.01% of the population

#5fc8b2 hex color

#5fc8b2 Color Information

#5fc8b2 Color Conversion

Color Schemes with #5fc8b2

Alternatives to #5fc8b2

#5fc8b2 Preview

Shades and Tints of #5fc8b2

Tones of #5fc8b2

Color Blindness Simulator