#5fbcaf hex color

In a RGB color space, hex #5fbcaf is composed of 37.3% red, 73.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 0% magenta, 6.9% yellow and 26.3% black. It has a hue angle of 171.6 degrees, a saturation of 41% and a lightness of 55.5%. #5fbcaf color hex could be obtained by blending #beffff with #00795f. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 37
- G 74
- B 69
RGB color chart
- C 49
- M 0
- Y 7
- K 26
CMYK color chart

● #5fbcaf color description : Slightly desaturated cyan.

The hexadecimal color #5fbcaf has RGB values of R:95, G:188, B:175 and CMYK values of C:0.49, M:0, Y:0.07, K:0.26. Its decimal value is 6274223.

Hex triplet	5fbcaf	`#5fbcaf`
RGB Decimal	95, 188, 175	`rgb(95,188,175)`
RGB Percent	37.3, 73.7, 68.6	`rgb(37.3%,73.7%,68.6%)`
CMYK	49, 0, 7, 26
HSL	171.6°, 41, 55.5	`hsl(171.6,41%,55.5%)`
HSV (or HSB)	171.6°, 49.5, 73.7
Web Safe	66cc99	`#66cc99`

CIE-LAB	70.52, -30.848, -1.936
XYZ	30.438, 41.492, 46.96
xyY	0.256, 0.349, 41.492
CIE-LCH	70.52, 30.908, 183.591
CIE-LUV	70.52, -40.743, 1.977
Hunter-Lab	64.415, -28.378, 1.866
Binary	01011111, 10111100, 10101111

#5fbcaf
```
#5fbcaf rgb(95,188,175)
```
#bc5f6c
```
#bc5f6c rgb(188,95,108)
```

Complementary Color

#5fbc81
```
#5fbc81 rgb(95,188,129)
```
#5fbcaf
```
#5fbcaf rgb(95,188,175)
```
#5f9bbc
```
#5f9bbc rgb(95,155,188)
```

Analogous Color

#bc815f
```
#bc815f rgb(188,129,95)
```
#5fbcaf
```
#5fbcaf rgb(95,188,175)
```
#bc5f9b
```
#bc5f9b rgb(188,95,155)
```

Split Complementary Color

#bcaf5f
```
#bcaf5f rgb(188,175,95)
```
#5fbcaf
```
#5fbcaf rgb(95,188,175)
```
#af5fbc
```
#af5fbc rgb(175,95,188)
```

Triadic Color

#6cbc5f
```
#6cbc5f rgb(108,188,95)
```
#5fbcaf
```
#5fbcaf rgb(95,188,175)
```
#af5fbc
```
#af5fbc rgb(175,95,188)
```
#bc5f6c
```
#bc5f6c rgb(188,95,108)
```

Tetradic Color

#3d9286
```
#3d9286 rgb(61,146,134)
```
#44a496
```
#44a496 rgb(68,164,150)
```
#4db4a6
```
#4db4a6 rgb(77,180,166)
```
#5fbcaf
```
#5fbcaf rgb(95,188,175)
```
#71c4b8
```
#71c4b8 rgb(113,196,184)
```
#83cbc1
```
#83cbc1 rgb(131,203,193)
```
#95d3ca
```
#95d3ca rgb(149,211,202)
```

Monochromatic Color

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

#5fbc98
```
#5fbc98 rgb(95,188,152)
```
#5fbca0
```
#5fbca0 rgb(95,188,160)
```
#5fbca7
```
#5fbca7 rgb(95,188,167)
```
#5fbcaf
```
#5fbcaf rgb(95,188,175)
```
#5fbcb7
```
#5fbcb7 rgb(95,188,183)
```
#5fbabc
```
#5fbabc rgb(95,186,188)
```
#5fb2bc
```
#5fb2bc rgb(95,178,188)
```

Similar Colors

Text with hexadecimal color #5fbcaf

This text has a font color of #5fbcaf.

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

#5fbcaf background color

This paragraph has a background color of #5fbcaf.

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

#5fbcaf border color

This element has a border color of #5fbcaf.

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

CSS codes

.text {color:#5fbcaf;}

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

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

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

#020605
```
#020605 rgb(2,6,5)
```
#081412
```
#081412 rgb(8,20,18)
```
#0e221f
```
#0e221f rgb(14,34,31)
```
#142f2c
```
#142f2c rgb(20,47,44)
```
#1a3d38
```
#1a3d38 rgb(26,61,56)
```
#1f4b45
```
#1f4b45 rgb(31,75,69)
```
#255952
```
#255952 rgb(37,89,82)
```
#2b675e
```
#2b675e rgb(43,103,94)
```
#31756b
```
#31756b rgb(49,117,107)
```
#378278
```
#378278 rgb(55,130,120)
```
#3c9084
```
#3c9084 rgb(60,144,132)
```
#429e91
```
#429e91 rgb(66,158,145)
```
#48ac9e
```
#48ac9e rgb(72,172,158)
```

Shade Color Variation

#51b6a8
```
#51b6a8 rgb(81,182,168)
```
#5fbcaf
```
#5fbcaf rgb(95,188,175)
```
#6dc2b6
```
#6dc2b6 rgb(109,194,182)
```
#7bc8bd
```
#7bc8bd rgb(123,200,189)
```
#88cdc4
```
#88cdc4 rgb(136,205,196)
```
#96d3cb
```
#96d3cb rgb(150,211,203)
```
#a4d9d2
```
#a4d9d2 rgb(164,217,210)
```
#b2dfd8
```
#b2dfd8 rgb(178,223,216)
```
#c0e5df
```
#c0e5df rgb(192,229,223)
```
#ceeae6
```
#ceeae6 rgb(206,234,230)
```
#dbf0ed
```
#dbf0ed rgb(219,240,237)
```
#e9f6f4
```
#e9f6f4 rgb(233,246,244)
```
#f7fcfb
```
#f7fcfb rgb(247,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b9090 is the less saturated color, while #22f9db is the most saturated one.

#8b9090
```
#8b9090 rgb(139,144,144)
```
#829996
```
#829996 rgb(130,153,150)
```
#79a29c
```
#79a29c rgb(121,162,156)
```
#70aba2
```
#70aba2 rgb(112,171,162)
```
#68b3a9
```
#68b3a9 rgb(104,179,169)
```
#5fbcaf
```
#5fbcaf rgb(95,188,175)
```
#56c5b5
```
#56c5b5 rgb(86,197,181)
```
#4ecdbc
```
#4ecdbc rgb(78,205,188)
```
#45d6c2
```
#45d6c2 rgb(69,214,194)
```
#3cdfc8
```
#3cdfc8 rgb(60,223,200)
```
#33e8ce
```
#33e8ce rgb(51,232,206)
```
#2bf0d5
```
#2bf0d5 rgb(43,240,213)
```
#22f9db
```
#22f9db rgb(34,249,219)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#92a5a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5afab Protanopia 1% of men
#bcabba Deuteranopia 1% of men
#70bcc9 Tritanopia 0.001% of the population

Trichromacy

#95b4ac Protanomaly 1% of men, 0.01% of women
#9ab1b6 Deuteranomaly 6% of men, 0.4% of women
#69bcbf Tritanomaly 0.01% of the population

#5fbcaf hex color

#5fbcaf Color Information

#5fbcaf Color Conversion

Color Schemes with #5fbcaf

Alternatives to #5fbcaf

#5fbcaf Preview

Shades and Tints of #5fbcaf

Tones of #5fbcaf

Color Blindness Simulator