#5fbbbd hex color

In a RGB color space, hex #5fbbbd is composed of 37.3% red, 73.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 1.1% magenta, 0% yellow and 25.9% black. It has a hue angle of 181.3 degrees, a saturation of 41.6% and a lightness of 55.7%. #5fbbbd color hex could be obtained by blending #beffff with #00777b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 37
- G 73
- B 74
RGB color chart
- C 50
- M 1
- Y 0
- K 26
CMYK color chart

● #5fbbbd color description : Slightly desaturated cyan.

The hexadecimal color #5fbbbd has RGB values of R:95, G:187, B:189 and CMYK values of C:0.5, M:0.01, Y:0, K:0.26. Its decimal value is 6273981.

Hex triplet	5fbbbd	`#5fbbbd`
RGB Decimal	95, 187, 189	`rgb(95,187,189)`
RGB Percent	37.3, 73.3, 74.1	`rgb(37.3%,73.3%,74.1%)`
CMYK	50, 1, 0, 26
HSL	181.3°, 41.6, 55.7	`hsl(181.3,41.6%,55.7%)`
HSV (or HSB)	181.3°, 49.7, 74.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.626, -26.743, -9.452
XYZ	31.672, 41.645, 54.511
xyY	0.248, 0.326, 41.645
CIE-LCH	70.626, 28.364, 199.466
CIE-LUV	70.626, -39.773, -10.273
Hunter-Lab	64.533, -25.327, -4.908
Binary	01011111, 10111011, 10111101

#5fbbbd
```
#5fbbbd rgb(95,187,189)
```
#bd615f
```
#bd615f rgb(189,97,95)
```

Complementary Color

#5fbd90
```
#5fbd90 rgb(95,189,144)
```
#5fbbbd
```
#5fbbbd rgb(95,187,189)
```
#5f8cbd
```
#5f8cbd rgb(95,140,189)
```

Analogous Color

#bd905f
```
#bd905f rgb(189,144,95)
```
#5fbbbd
```
#5fbbbd rgb(95,187,189)
```
#bd5f8c
```
#bd5f8c rgb(189,95,140)
```

Split Complementary Color

#bbbd5f
```
#bbbd5f rgb(187,189,95)
```
#5fbbbd
```
#5fbbbd rgb(95,187,189)
```
#bd5fbb
```
#bd5fbb rgb(189,95,187)
```

Triadic Color

#5fbd61
```
#5fbd61 rgb(95,189,97)
```
#5fbbbd
```
#5fbbbd rgb(95,187,189)
```
#bd5fbb
```
#bd5fbb rgb(189,95,187)
```
#bd615f
```
#bd615f rgb(189,97,95)
```

Tetradic Color

#3d9193
```
#3d9193 rgb(61,145,147)
```
#44a3a5
```
#44a3a5 rgb(68,163,165)
```
#4db3b6
```
#4db3b6 rgb(77,179,182)
```
#5fbbbd
```
#5fbbbd rgb(95,187,189)
```
#71c3c4
```
#71c3c4 rgb(113,195,196)
```
#83cacc
```
#83cacc rgb(131,202,204)
```
#95d2d3
```
#95d2d3 rgb(149,210,211)
```

Monochromatic Color

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

#5fbda8
```
#5fbda8 rgb(95,189,168)
```
#5fbdaf
```
#5fbdaf rgb(95,189,175)
```
#5fbdb7
```
#5fbdb7 rgb(95,189,183)
```
#5fbbbd
```
#5fbbbd rgb(95,187,189)
```
#5fb3bd
```
#5fb3bd rgb(95,179,189)
```
#5fabbd
```
#5fabbd rgb(95,171,189)
```
#5fa4bd
```
#5fa4bd rgb(95,164,189)
```

Similar Colors

Text with hexadecimal color #5fbbbd

This text has a font color of #5fbbbd.

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

#5fbbbd background color

This paragraph has a background color of #5fbbbd.

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

#5fbbbd border color

This element has a border color of #5fbbbd.

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

CSS codes

.text {color:#5fbbbd;}

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

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

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

#030707
```
#030707 rgb(3,7,7)
```
#081415
```
#081415 rgb(8,20,21)
```
#0e2222
```
#0e2222 rgb(14,34,34)
```
#143030
```
#143030 rgb(20,48,48)
```
#1a3d3e
```
#1a3d3e rgb(26,61,62)
```
#1f4b4c
```
#1f4b4c rgb(31,75,76)
```
#25595a
```
#25595a rgb(37,89,90)
```
#2b6768
```
#2b6768 rgb(43,103,104)
```
#317476
```
#317476 rgb(49,116,118)
```
#368284
```
#368284 rgb(54,130,132)
```
#3c9092
```
#3c9092 rgb(60,144,146)
```
#429d9f
```
#429d9f rgb(66,157,159)
```
#47abad
```
#47abad rgb(71,171,173)
```

Shade Color Variation

#51b5b7
```
#51b5b7 rgb(81,181,183)
```
#5fbbbd
```
#5fbbbd rgb(95,187,189)
```
#6dc1c3
```
#6dc1c3 rgb(109,193,195)
```
#7bc7c8
```
#7bc7c8 rgb(123,199,200)
```
#89cdce
```
#89cdce rgb(137,205,206)
```
#97d3d4
```
#97d3d4 rgb(151,211,212)
```
#a4d9da
```
#a4d9da rgb(164,217,218)
```
#b2dedf
```
#b2dedf rgb(178,222,223)
```
#c0e4e5
```
#c0e4e5 rgb(192,228,229)
```
#ceeaeb
```
#ceeaeb rgb(206,234,235)
```
#dcf0f1
```
#dcf0f1 rgb(220,240,241)
```
#eaf6f6
```
#eaf6f6 rgb(234,246,246)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

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

#8a9192
```
#8a9192 rgb(138,145,146)
```
#829a9a
```
#829a9a rgb(130,154,154)
```
#79a2a3
```
#79a2a3 rgb(121,162,163)
```
#70aaac
```
#70aaac rgb(112,170,172)
```
#68b3b4
```
#68b3b4 rgb(104,179,180)
```
#5fbbbd
```
#5fbbbd rgb(95,187,189)
```
#56c3c6
```
#56c3c6 rgb(86,195,198)
```
#4eccce
```
#4eccce rgb(78,204,206)
```
#45d4d7
```
#45d4d7 rgb(69,212,215)
```
#3cdce0
```
#3cdce0 rgb(60,220,224)
```
#34e5e8
```
#34e5e8 rgb(52,229,232)
```
#2bedf1
```
#2bedf1 rgb(43,237,241)
```
#22f5fa
```
#22f5fa rgb(34,245,250)
```

Tone Color Variation

Below, you can see how #5fbbbd 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
#93a5a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b0b8 Protanopia 1% of men
#b6acc6 Deuteranopia 1% of men
#6bbcca Tritanopia 0.001% of the population

Trichromacy

#93b4ba Protanomaly 1% of men, 0.01% of women
#96b1c3 Deuteranomaly 6% of men, 0.4% of women
#67bcc5 Tritanomaly 0.01% of the population

#5fbbbd hex color

#5fbbbd Color Information

#5fbbbd Color Conversion

Color Schemes with #5fbbbd

Alternatives to #5fbbbd

#5fbbbd Preview

Shades and Tints of #5fbbbd

Tones of #5fbbbd

Color Blindness Simulator