colorhexa.com

#5fb6bc hex color

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

- R 37
- G 71
- B 74
RGB color chart
- C 49
- M 3
- Y 0
- K 26
CMYK color chart

● #5fb6bc color description : Slightly desaturated cyan.

The hexadecimal color #5fb6bc has RGB values of R:95, G:182, B:188 and CMYK values of C:0.49, M:0.03, Y:0, K:0.26. Its decimal value is 6272700.

Hex triplet	5fb6bc	`#5fb6bc`
RGB Decimal	95, 182, 188	`rgb(95,182,188)`
RGB Percent	37.3, 71.4, 73.7	`rgb(37.3%,71.4%,73.7%)`
CMYK	49, 3, 0, 26
HSL	183.9°, 41, 55.5	`hsl(183.9,41%,55.5%)`
HSV (or HSB)	183.9°, 49.5, 73.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.125, -24.521, -11.145
XYZ	30.522, 39.518, 53.593
xyY	0.247, 0.32, 39.518
CIE-LCH	69.125, 26.935, 204.442
CIE-LUV	69.125, -37.858, -13.235
Hunter-Lab	62.863, -23.343, -6.543
Binary	01011111, 10110110, 10111100

#5fb6bc
```
#5fb6bc rgb(95,182,188)
```
#bc655f
```
#bc655f rgb(188,101,95)
```

Complementary Color

#5fbc94
```
#5fbc94 rgb(95,188,148)
```
#5fb6bc
```
#5fb6bc rgb(95,182,188)
```
#5f88bc
```
#5f88bc rgb(95,136,188)
```

Analogous Color

#bc945f
```
#bc945f rgb(188,148,95)
```
#5fb6bc
```
#5fb6bc rgb(95,182,188)
```
#bc5f88
```
#bc5f88 rgb(188,95,136)
```

Split Complementary Color

#b6bc5f
```
#b6bc5f rgb(182,188,95)
```
#5fb6bc
```
#5fb6bc rgb(95,182,188)
```
#bc5fb6
```
#bc5fb6 rgb(188,95,182)
```

Triadic Color

#5fbc65
```
#5fbc65 rgb(95,188,101)
```
#5fb6bc
```
#5fb6bc rgb(95,182,188)
```
#bc5fb6
```
#bc5fb6 rgb(188,95,182)
```
#bc655f
```
#bc655f rgb(188,101,95)
```

Tetradic Color

#3d8c92
```
#3d8c92 rgb(61,140,146)
```
#449da4
```
#449da4 rgb(68,157,164)
```
#4daeb4
```
#4daeb4 rgb(77,174,180)
```
#5fb6bc
```
#5fb6bc rgb(95,182,188)
```
#71bec4
```
#71bec4 rgb(113,190,196)
```
#83c6cb
```
#83c6cb rgb(131,198,203)
```
#95cfd3
```
#95cfd3 rgb(149,207,211)
```

Monochromatic Color

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

#5fbcab
```
#5fbcab rgb(95,188,171)
```
#5fbcb3
```
#5fbcb3 rgb(95,188,179)
```
#5fbcba
```
#5fbcba rgb(95,188,186)
```
#5fb6bc
```
#5fb6bc rgb(95,182,188)
```
#5faebc
```
#5faebc rgb(95,174,188)
```
#5fa7bc
```
#5fa7bc rgb(95,167,188)
```
#5f9fbc
```
#5f9fbc rgb(95,159,188)
```

Similar Colors

Text with hexadecimal color #5fb6bc

This text has a font color of #5fb6bc.

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

#5fb6bc background color

This paragraph has a background color of #5fb6bc.

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

#5fb6bc border color

This element has a border color of #5fb6bc.

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

CSS codes

.text {color:#5fb6bc;}

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

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

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 #f7fbfc is the lightest one.

#020606
```
#020606 rgb(2,6,6)
```
#081314
```
#081314 rgb(8,19,20)
```
#0e2022
```
#0e2022 rgb(14,32,34)
```
#142e2f
```
#142e2f rgb(20,46,47)
```
#1a3b3d
```
#1a3b3d rgb(26,59,61)
```
#1f484b
```
#1f484b rgb(31,72,75)
```
#255659
```
#255659 rgb(37,86,89)
```
#2b6367
```
#2b6367 rgb(43,99,103)
```
#317075
```
#317075 rgb(49,112,117)
```
#377d82
```
#377d82 rgb(55,125,130)
```
#3c8b90
```
#3c8b90 rgb(60,139,144)
```
#42989e
```
#42989e rgb(66,152,158)
```
#48a5ac
```
#48a5ac rgb(72,165,172)
```

Shade Color Variation

#51b0b6
```
#51b0b6 rgb(81,176,182)
```
#5fb6bc
```
#5fb6bc rgb(95,182,188)
```
#6dbcc2
```
#6dbcc2 rgb(109,188,194)
```
#7bc3c8
```
#7bc3c8 rgb(123,195,200)
```
#88c9cd
```
#88c9cd rgb(136,201,205)
```
#96cfd3
```
#96cfd3 rgb(150,207,211)
```
#a4d6d9
```
#a4d6d9 rgb(164,214,217)
```
#b2dcdf
```
#b2dcdf rgb(178,220,223)
```
#c0e2e5
```
#c0e2e5 rgb(192,226,229)
```
#cee8ea
```
#cee8ea rgb(206,232,234)
```
#dbeff0
```
#dbeff0 rgb(219,239,240)
```
#e9f5f6
```
#e9f5f6 rgb(233,245,246)
```
#f7fbfc
```
#f7fbfc rgb(247,251,252)
```

Tint Color Variation

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

#8b9090
```
#8b9090 rgb(139,144,144)
```
#829899
```
#829899 rgb(130,152,153)
```
#799fa2
```
#799fa2 rgb(121,159,162)
```
#70a7ab
```
#70a7ab rgb(112,167,171)
```
#68aeb3
```
#68aeb3 rgb(104,174,179)
```
#5fb6bc
```
#5fb6bc rgb(95,182,188)
```
#56bec5
```
#56bec5 rgb(86,190,197)
```
#4ec5cd
```
#4ec5cd rgb(78,197,205)
```
#45cdd6
```
#45cdd6 rgb(69,205,214)
```
#3cd4df
```
#3cd4df rgb(60,212,223)
```
#33dce8
```
#33dce8 rgb(51,220,232)
```
#2be4f0
```
#2be4f0 rgb(43,228,240)
```
#22ebf9
```
#22ebf9 rgb(34,235,249)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#91a2a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acacb7 Protanopia 1% of men
#b1a9c5 Deuteranopia 1% of men
#6ab8c6 Tritanopia 0.001% of the population

Trichromacy

#90afb9 Protanomaly 1% of men, 0.01% of women
#93adc2 Deuteranomaly 6% of men, 0.4% of women
#66b7c2 Tritanomaly 0.01% of the population