#5fc5bb hex color

In a RGB color space, hex #5fc5bb is composed of 37.3% red, 77.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 0% magenta, 5.1% yellow and 22.7% black. It has a hue angle of 174.1 degrees, a saturation of 46.8% and a lightness of 57.3%. #5fc5bb color hex could be obtained by blending #beffff with #008b77. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 37
- G 77
- B 73
RGB color chart
- C 52
- M 0
- Y 5
- K 23
CMYK color chart

● #5fc5bb color description : Moderate cyan.

The hexadecimal color #5fc5bb has RGB values of R:95, G:197, B:187 and CMYK values of C:0.52, M:0, Y:0.05, K:0.23. Its decimal value is 6276539.

Hex triplet	5fc5bb	`#5fc5bb`
RGB Decimal	95, 197, 187	`rgb(95,197,187)`
RGB Percent	37.3, 77.3, 73.3	`rgb(37.3%,77.3%,73.3%)`
CMYK	52, 0, 5, 23
HSL	174.1°, 46.8, 57.3	`hsl(174.1,46.8%,57.3%)`
HSV (or HSB)	174.1°, 51.8, 77.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.514, -32.112, -4.08
XYZ	33.653, 45.951, 54.107
xyY	0.252, 0.344, 45.951
CIE-LCH	73.514, 32.37, 187.242
CIE-LUV	73.514, -43.75, -1.113
Hunter-Lab	67.787, -30.012, 0.126
Binary	01011111, 11000101, 10111011

#5fc5bb
```
#5fc5bb rgb(95,197,187)
```
#c55f69
```
#c55f69 rgb(197,95,105)
```

Complementary Color

#5fc588
```
#5fc588 rgb(95,197,136)
```
#5fc5bb
```
#5fc5bb rgb(95,197,187)
```
#5f9cc5
```
#5f9cc5 rgb(95,156,197)
```

Analogous Color

#c5885f
```
#c5885f rgb(197,136,95)
```
#5fc5bb
```
#5fc5bb rgb(95,197,187)
```
#c55f9c
```
#c55f9c rgb(197,95,156)
```

Split Complementary Color

#c5bb5f
```
#c5bb5f rgb(197,187,95)
```
#5fc5bb
```
#5fc5bb rgb(95,197,187)
```
#bb5fc5
```
#bb5fc5 rgb(187,95,197)
```

Triadic Color

#69c55f
```
#69c55f rgb(105,197,95)
```
#5fc5bb
```
#5fc5bb rgb(95,197,187)
```
#bb5fc5
```
#bb5fc5 rgb(187,95,197)
```
#c55f69
```
#c55f69 rgb(197,95,105)
```

Tetradic Color

#399e94
```
#399e94 rgb(57,158,148)
```
#40b1a6
```
#40b1a6 rgb(64,177,166)
```
#4cbeb3
```
#4cbeb3 rgb(76,190,179)
```
#5fc5bb
```
#5fc5bb rgb(95,197,187)
```
#72ccc3
```
#72ccc3 rgb(114,204,195)
```
#84d3cb
```
#84d3cb rgb(132,211,203)
```
#97d9d3
```
#97d9d3 rgb(151,217,211)
```

Monochromatic Color

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

#5fc5a2
```
#5fc5a2 rgb(95,197,162)
```
#5fc5aa
```
#5fc5aa rgb(95,197,170)
```
#5fc5b3
```
#5fc5b3 rgb(95,197,179)
```
#5fc5bb
```
#5fc5bb rgb(95,197,187)
```
#5fc5c4
```
#5fc5c4 rgb(95,197,196)
```
#5fbec5
```
#5fbec5 rgb(95,190,197)
```
#5fb6c5
```
#5fb6c5 rgb(95,182,197)
```

Similar Colors

Text with hexadecimal color #5fc5bb

This text has a font color of #5fc5bb.

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

#5fc5bb background color

This paragraph has a background color of #5fc5bb.

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

#5fc5bb border color

This element has a border color of #5fc5bb.

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

CSS codes

.text {color:#5fc5bb;}

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

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

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, #050d0c is the darkest color, while #fdfefe is the lightest one.

#050d0c
```
#050d0c rgb(5,13,12)
```
#0a1b19
```
#0a1b19 rgb(10,27,25)
```
#0f2a27
```
#0f2a27 rgb(15,42,39)
```
#143834
```
#143834 rgb(20,56,52)
```
#1a4642
```
#1a4642 rgb(26,70,66)
```
#1f554f
```
#1f554f rgb(31,85,79)
```
#24635d
```
#24635d rgb(36,99,93)
```
#29726a
```
#29726a rgb(41,114,106)
```
#2e8078
```
#2e8078 rgb(46,128,120)
```
#348e85
```
#348e85 rgb(52,142,133)
```
#399d93
```
#399d93 rgb(57,157,147)
```
#3eaba0
```
#3eaba0 rgb(62,171,160)
```
#43baae
```
#43baae rgb(67,186,174)
```

Shade Color Variation

#51c0b5
```
#51c0b5 rgb(81,192,181)
```
#5fc5bb
```
#5fc5bb rgb(95,197,187)
```
#6dcac1
```
#6dcac1 rgb(109,202,193)
```
#7ccfc7
```
#7ccfc7 rgb(124,207,199)
```
#8ad5cd
```
#8ad5cd rgb(138,213,205)
```
#99dad3
```
#99dad3 rgb(153,218,211)
```
#a7dfda
```
#a7dfda rgb(167,223,218)
```
#b5e4e0
```
#b5e4e0 rgb(181,228,224)
```
#c4eae6
```
#c4eae6 rgb(196,234,230)
```
#d2efec
```
#d2efec rgb(210,239,236)
```
#e1f4f2
```
#e1f4f2 rgb(225,244,242)
```
#eff9f8
```
#eff9f8 rgb(239,249,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#919393
```
#919393 rgb(145,147,147)
```
#899b99
```
#899b99 rgb(137,155,153)
```
#81a3a0
```
#81a3a0 rgb(129,163,160)
```
#78aca7
```
#78aca7 rgb(120,172,167)
```
#70b4ae
```
#70b4ae rgb(112,180,174)
```
#67bdb4
```
#67bdb4 rgb(103,189,180)
```
#5fc5bb
```
#5fc5bb rgb(95,197,187)
```
#57cdc2
```
#57cdc2 rgb(87,205,194)
```
#4ed6c8
```
#4ed6c8 rgb(78,214,200)
```
#46decf
```
#46decf rgb(70,222,207)
```
#3de7d6
```
#3de7d6 rgb(61,231,214)
```
#35efdd
```
#35efdd rgb(53,239,221)
```
#2df7e3
```
#2df7e3 rgb(45,247,227)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#97aba9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb7b5 Protanopia 1% of men
#c3b3c5 Deuteranopia 1% of men
#70c4d3 Tritanopia 0.001% of the population

Trichromacy

#9abcb7 Protanomaly 1% of men, 0.01% of women
#9eb9c1 Deuteranomaly 6% of men, 0.4% of women
#69c4ca Tritanomaly 0.01% of the population

#5fc5bb hex color

#5fc5bb Color Information

#5fc5bb Color Conversion

Color Schemes with #5fc5bb

Alternatives to #5fc5bb

#5fc5bb Preview

Shades and Tints of #5fc5bb

Tones of #5fc5bb

Color Blindness Simulator