#5fbcb8 hex color

In a RGB color space, hex #5fbcb8 is composed of 37.3% red, 73.7% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 0% magenta, 2.1% yellow and 26.3% black. It has a hue angle of 177.4 degrees, a saturation of 41% and a lightness of 55.5%. #5fbcb8 color hex could be obtained by blending #beffff with #007971. Closest websafe color is: #66cccc.

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

● #5fbcb8 color description : Slightly desaturated cyan.

The hexadecimal color #5fbcb8 has RGB values of R:95, G:188, B:184 and CMYK values of C:0.49, M:0, Y:0.02, K:0.26. Its decimal value is 6274232.

Hex triplet	5fbcb8	`#5fbcb8`
RGB Decimal	95, 188, 184	`rgb(95,188,184)`
RGB Percent	37.3, 73.7, 72.2	`rgb(37.3%,73.7%,72.2%)`
CMYK	49, 0, 2, 26
HSL	177.4°, 41, 55.5	`hsl(177.4,41%,55.5%)`
HSV (or HSB)	177.4°, 49.5, 73.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.773, -28.55, -6.494
XYZ	31.352, 41.858, 51.772
xyY	0.251, 0.335, 41.858
CIE-LCH	70.773, 29.279, 192.814
CIE-LUV	70.773, -40.37, -5.372
Hunter-Lab	64.698, -26.722, -2.156
Binary	01011111, 10111100, 10111000

#5fbcb8
```
#5fbcb8 rgb(95,188,184)
```
#bc5f63
```
#bc5f63 rgb(188,95,99)
```

Complementary Color

#5fbc8a
```
#5fbc8a rgb(95,188,138)
```
#5fbcb8
```
#5fbcb8 rgb(95,188,184)
```
#5f92bc
```
#5f92bc rgb(95,146,188)
```

Analogous Color

#bc8a5f
```
#bc8a5f rgb(188,138,95)
```
#5fbcb8
```
#5fbcb8 rgb(95,188,184)
```
#bc5f92
```
#bc5f92 rgb(188,95,146)
```

Split Complementary Color

#bcb85f
```
#bcb85f rgb(188,184,95)
```
#5fbcb8
```
#5fbcb8 rgb(95,188,184)
```
#b85fbc
```
#b85fbc rgb(184,95,188)
```

Triadic Color

#63bc5f
```
#63bc5f rgb(99,188,95)
```
#5fbcb8
```
#5fbcb8 rgb(95,188,184)
```
#b85fbc
```
#b85fbc rgb(184,95,188)
```
#bc5f63
```
#bc5f63 rgb(188,95,99)
```

Tetradic Color

#3d928e
```
#3d928e rgb(61,146,142)
```
#44a49f
```
#44a49f rgb(68,164,159)
```
#4db4b0
```
#4db4b0 rgb(77,180,176)
```
#5fbcb8
```
#5fbcb8 rgb(95,188,184)
```
#71c4c0
```
#71c4c0 rgb(113,196,192)
```
#83cbc8
```
#83cbc8 rgb(131,203,200)
```
#95d3d0
```
#95d3d0 rgb(149,211,208)
```

Monochromatic Color

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

#5fbca1
```
#5fbca1 rgb(95,188,161)
```
#5fbca9
```
#5fbca9 rgb(95,188,169)
```
#5fbcb0
```
#5fbcb0 rgb(95,188,176)
```
#5fbcb8
```
#5fbcb8 rgb(95,188,184)
```
#5fb8bc
```
#5fb8bc rgb(95,184,188)
```
#5fb1bc
```
#5fb1bc rgb(95,177,188)
```
#5fa9bc
```
#5fa9bc rgb(95,169,188)
```

Similar Colors

Text with hexadecimal color #5fbcb8

This text has a font color of #5fbcb8.

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

#5fbcb8 background color

This paragraph has a background color of #5fbcb8.

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

#5fbcb8 border color

This element has a border color of #5fbcb8.

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

CSS codes

.text {color:#5fbcb8;}

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

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

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

#020606
```
#020606 rgb(2,6,6)
```
#081413
```
#081413 rgb(8,20,19)
```
#0e2221
```
#0e2221 rgb(14,34,33)
```
#142f2e
```
#142f2e rgb(20,47,46)
```
#1a3d3c
```
#1a3d3c rgb(26,61,60)
```
#1f4b49
```
#1f4b49 rgb(31,75,73)
```
#255957
```
#255957 rgb(37,89,87)
```
#2b6764
```
#2b6764 rgb(43,103,100)
```
#317572
```
#317572 rgb(49,117,114)
```
#37827f
```
#37827f rgb(55,130,127)
```
#3c908d
```
#3c908d rgb(60,144,141)
```
#429e9a
```
#429e9a rgb(66,158,154)
```
#48aca8
```
#48aca8 rgb(72,172,168)
```

Shade Color Variation

#51b6b2
```
#51b6b2 rgb(81,182,178)
```
#5fbcb8
```
#5fbcb8 rgb(95,188,184)
```
#6dc2be
```
#6dc2be rgb(109,194,190)
```
#7bc8c4
```
#7bc8c4 rgb(123,200,196)
```
#88cdca
```
#88cdca rgb(136,205,202)
```
#96d3d1
```
#96d3d1 rgb(150,211,209)
```
#a4d9d7
```
#a4d9d7 rgb(164,217,215)
```
#b2dfdd
```
#b2dfdd rgb(178,223,221)
```
#c0e5e3
```
#c0e5e3 rgb(192,229,227)
```
#ceeae9
```
#ceeae9 rgb(206,234,233)
```
#dbf0ef
```
#dbf0ef rgb(219,240,239)
```
#e9f6f5
```
#e9f6f5 rgb(233,246,245)
```
#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 #22f9f0 is the most saturated one.

#8b9090
```
#8b9090 rgb(139,144,144)
```
#829998
```
#829998 rgb(130,153,152)
```
#79a2a0
```
#79a2a0 rgb(121,162,160)
```
#70aba8
```
#70aba8 rgb(112,171,168)
```
#68b3b0
```
#68b3b0 rgb(104,179,176)
```
#5fbcb8
```
#5fbcb8 rgb(95,188,184)
```
#56c5c0
```
#56c5c0 rgb(86,197,192)
```
#4ecdc8
```
#4ecdc8 rgb(78,205,200)
```
#45d6d0
```
#45d6d0 rgb(69,214,208)
```
#3cdfd8
```
#3cdfd8 rgb(60,223,216)
```
#33e8e0
```
#33e8e0 rgb(51,232,224)
```
#2bf0e8
```
#2bf0e8 rgb(43,240,232)
```
#22f9f0
```
#22f9f0 rgb(34,249,240)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#93a6a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3b0b3 Protanopia 1% of men
#b9acc2 Deuteranopia 1% of men
#6dbdca Tritanopia 0.001% of the population

Trichromacy

#94b4b5 Protanomaly 1% of men, 0.01% of women
#98b2be Deuteranomaly 6% of men, 0.4% of women
#68bcc4 Tritanomaly 0.01% of the population

#5fbcb8 hex color

#5fbcb8 Color Information

#5fbcb8 Color Conversion

Color Schemes with #5fbcb8

Alternatives to #5fbcb8

#5fbcb8 Preview

Shades and Tints of #5fbcb8

Tones of #5fbcb8

Color Blindness Simulator