#5fc5bf hex color

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

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

● #5fc5bf color description : Moderate cyan.

The hexadecimal color #5fc5bf has RGB values of R:95, G:197, B:191 and CMYK values of C:0.52, M:0, Y:0.03, K:0.23. Its decimal value is 6276543.

Hex triplet	5fc5bf	`#5fc5bf`
RGB Decimal	95, 197, 191	`rgb(95,197,191)`
RGB Percent	37.3, 77.3, 74.9	`rgb(37.3%,77.3%,74.9%)`
CMYK	52, 0, 3, 23
HSL	176.5°, 46.8, 57.3	`hsl(176.5,46.8%,57.3%)`
HSV (or HSB)	176.5°, 51.8, 77.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.626, -31.082, -6.087
XYZ	34.087, 46.125, 56.394
xyY	0.25, 0.338, 46.125
CIE-LCH	73.626, 31.673, 191.081
CIE-LUV	73.626, -43.569, -4.388
Hunter-Lab	67.915, -29.262, -1.692
Binary	01011111, 11000101, 10111111

#5fc5bf
```
#5fc5bf rgb(95,197,191)
```
#c55f65
```
#c55f65 rgb(197,95,101)
```

Complementary Color

#5fc58c
```
#5fc58c rgb(95,197,140)
```
#5fc5bf
```
#5fc5bf rgb(95,197,191)
```
#5f98c5
```
#5f98c5 rgb(95,152,197)
```

Analogous Color

#c58c5f
```
#c58c5f rgb(197,140,95)
```
#5fc5bf
```
#5fc5bf rgb(95,197,191)
```
#c55f98
```
#c55f98 rgb(197,95,152)
```

Split Complementary Color

#c5bf5f
```
#c5bf5f rgb(197,191,95)
```
#5fc5bf
```
#5fc5bf rgb(95,197,191)
```
#bf5fc5
```
#bf5fc5 rgb(191,95,197)
```

Triadic Color

#65c55f
```
#65c55f rgb(101,197,95)
```
#5fc5bf
```
#5fc5bf rgb(95,197,191)
```
#bf5fc5
```
#bf5fc5 rgb(191,95,197)
```
#c55f65
```
#c55f65 rgb(197,95,101)
```

Tetradic Color

#399e98
```
#399e98 rgb(57,158,152)
```
#40b1aa
```
#40b1aa rgb(64,177,170)
```
#4cbeb8
```
#4cbeb8 rgb(76,190,184)
```
#5fc5bf
```
#5fc5bf rgb(95,197,191)
```
#72ccc6
```
#72ccc6 rgb(114,204,198)
```
#84d3ce
```
#84d3ce rgb(132,211,206)
```
#97d9d5
```
#97d9d5 rgb(151,217,213)
```

Monochromatic Color

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

#5fc5a6
```
#5fc5a6 rgb(95,197,166)
```
#5fc5ae
```
#5fc5ae rgb(95,197,174)
```
#5fc5b7
```
#5fc5b7 rgb(95,197,183)
```
#5fc5bf
```
#5fc5bf rgb(95,197,191)
```
#5fc3c5
```
#5fc3c5 rgb(95,195,197)
```
#5fbac5
```
#5fbac5 rgb(95,186,197)
```
#5fb2c5
```
#5fb2c5 rgb(95,178,197)
```

Similar Colors

Text with hexadecimal color #5fc5bf

This text has a font color of #5fc5bf.

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

#5fc5bf background color

This paragraph has a background color of #5fc5bf.

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

#5fc5bf border color

This element has a border color of #5fc5bf.

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

CSS codes

.text {color:#5fc5bf;}

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

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

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)
```
#0a1b1a
```
#0a1b1a rgb(10,27,26)
```
#0f2a28
```
#0f2a28 rgb(15,42,40)
```
#143836
```
#143836 rgb(20,56,54)
```
#1a4644
```
#1a4644 rgb(26,70,68)
```
#1f5552
```
#1f5552 rgb(31,85,82)
```
#24635f
```
#24635f rgb(36,99,95)
```
#29726d
```
#29726d rgb(41,114,109)
```
#2e807b
```
#2e807b rgb(46,128,123)
```
#348e89
```
#348e89 rgb(52,142,137)
```
#399d97
```
#399d97 rgb(57,157,151)
```
#3eaba5
```
#3eaba5 rgb(62,171,165)
```
#43bab3
```
#43bab3 rgb(67,186,179)
```

Shade Color Variation

#51c0b9
```
#51c0b9 rgb(81,192,185)
```
#5fc5bf
```
#5fc5bf rgb(95,197,191)
```
#6dcac5
```
#6dcac5 rgb(109,202,197)
```
#7ccfcb
```
#7ccfcb rgb(124,207,203)
```
#8ad5d0
```
#8ad5d0 rgb(138,213,208)
```
#99dad6
```
#99dad6 rgb(153,218,214)
```
#a7dfdc
```
#a7dfdc rgb(167,223,220)
```
#b5e4e2
```
#b5e4e2 rgb(181,228,226)
```
#c4eae7
```
#c4eae7 rgb(196,234,231)
```
#d2efed
```
#d2efed rgb(210,239,237)
```
#e1f4f3
```
#e1f4f3 rgb(225,244,243)
```
#eff9f9
```
#eff9f9 rgb(239,249,249)
```
#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 #2df7eb is the most saturated one.

#919393
```
#919393 rgb(145,147,147)
```
#899b9a
```
#899b9a rgb(137,155,154)
```
#81a3a1
```
#81a3a1 rgb(129,163,161)
```
#78aca9
```
#78aca9 rgb(120,172,169)
```
#70b4b0
```
#70b4b0 rgb(112,180,176)
```
#67bdb8
```
#67bdb8 rgb(103,189,184)
```
#5fc5bf
```
#5fc5bf rgb(95,197,191)
```
#57cdc6
```
#57cdc6 rgb(87,205,198)
```
#4ed6ce
```
#4ed6ce rgb(78,214,206)
```
#46ded5
```
#46ded5 rgb(70,222,213)
```
#3de7dd
```
#3de7dd rgb(61,231,221)
```
#35efe4
```
#35efe4 rgb(53,239,228)
```
#2df7eb
```
#2df7eb rgb(45,247,235)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#98acab Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb7b9 Protanopia 1% of men
#c1b4c9 Deuteranopia 1% of men
#6ec5d3 Tritanopia 0.001% of the population

Trichromacy

#99bcbb Protanomaly 1% of men, 0.01% of women
#9dbac5 Deuteranomaly 6% of men, 0.4% of women
#69c5cc Tritanomaly 0.01% of the population

#5fc5bf hex color

#5fc5bf Color Information

#5fc5bf Color Conversion

Color Schemes with #5fc5bf

Alternatives to #5fc5bf

#5fc5bf Preview

Shades and Tints of #5fc5bf

Tones of #5fc5bf

Color Blindness Simulator