#5fc3bf hex color

In a RGB color space, hex #5fc3bf is composed of 37.3% red, 76.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 51.3% cyan, 0% magenta, 2.1% yellow and 23.5% black. It has a hue angle of 177.6 degrees, a saturation of 45.5% and a lightness of 56.9%. #5fc3bf color hex could be obtained by blending #beffff with #00877f. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 37
- G 76
- B 75
RGB color chart
- C 51
- M 0
- Y 2
- K 24
CMYK color chart

● #5fc3bf color description : Moderate cyan.

The hexadecimal color #5fc3bf has RGB values of R:95, G:195, B:191 and CMYK values of C:0.51, M:0, Y:0.02, K:0.24. Its decimal value is 6276031.

Hex triplet	5fc3bf	`#5fc3bf`
RGB Decimal	95, 195, 191	`rgb(95,195,191)`
RGB Percent	37.3, 76.5, 74.9	`rgb(37.3%,76.5%,74.9%)`
CMYK	51, 0, 2, 24
HSL	177.6°, 45.5, 56.9	`hsl(177.6,45.5%,56.9%)`
HSV (or HSB)	177.6°, 51.3, 76.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.038, -30.121, -6.959
XYZ	33.636, 45.222, 56.244
xyY	0.249, 0.335, 45.222
CIE-LCH	73.038, 30.914, 193.009
CIE-LUV	73.038, -42.796, -5.89
Hunter-Lab	67.248, -28.402, -2.515
Binary	01011111, 11000011, 10111111

#5fc3bf
```
#5fc3bf rgb(95,195,191)
```
#c35f63
```
#c35f63 rgb(195,95,99)
```

Complementary Color

#5fc38d
```
#5fc38d rgb(95,195,141)
```
#5fc3bf
```
#5fc3bf rgb(95,195,191)
```
#5f95c3
```
#5f95c3 rgb(95,149,195)
```

Analogous Color

#c38d5f
```
#c38d5f rgb(195,141,95)
```
#5fc3bf
```
#5fc3bf rgb(95,195,191)
```
#c35f95
```
#c35f95 rgb(195,95,149)
```

Split Complementary Color

#c3bf5f
```
#c3bf5f rgb(195,191,95)
```
#5fc3bf
```
#5fc3bf rgb(95,195,191)
```
#bf5fc3
```
#bf5fc3 rgb(191,95,195)
```

Triadic Color

#63c35f
```
#63c35f rgb(99,195,95)
```
#5fc3bf
```
#5fc3bf rgb(95,195,191)
```
#bf5fc3
```
#bf5fc3 rgb(191,95,195)
```
#c35f63
```
#c35f63 rgb(195,95,99)
```

Tetradic Color

#3a9b97
```
#3a9b97 rgb(58,155,151)
```
#41aea9
```
#41aea9 rgb(65,174,169)
```
#4cbcb8
```
#4cbcb8 rgb(76,188,184)
```
#5fc3bf
```
#5fc3bf rgb(95,195,191)
```
#72cac6
```
#72cac6 rgb(114,202,198)
```
#84d1ce
```
#84d1ce rgb(132,209,206)
```
#97d8d5
```
#97d8d5 rgb(151,216,213)
```

Monochromatic Color

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

#5fc3a6
```
#5fc3a6 rgb(95,195,166)
```
#5fc3ae
```
#5fc3ae rgb(95,195,174)
```
#5fc3b7
```
#5fc3b7 rgb(95,195,183)
```
#5fc3bf
```
#5fc3bf rgb(95,195,191)
```
#5fbfc3
```
#5fbfc3 rgb(95,191,195)
```
#5fb6c3
```
#5fb6c3 rgb(95,182,195)
```
#5faec3
```
#5faec3 rgb(95,174,195)
```

Similar Colors

Text with hexadecimal color #5fc3bf

This text has a font color of #5fc3bf.

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

#5fc3bf background color

This paragraph has a background color of #5fc3bf.

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

#5fc3bf border color

This element has a border color of #5fc3bf.

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

CSS codes

.text {color:#5fc3bf;}

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

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

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, #040b0b is the darkest color, while #fcfefe is the lightest one.

#040b0b
```
#040b0b rgb(4,11,11)
```
#0a1919
```
#0a1919 rgb(10,25,25)
```
#0f2827
```
#0f2827 rgb(15,40,39)
```
#143635
```
#143635 rgb(20,54,53)
```
#1a4443
```
#1a4443 rgb(26,68,67)
```
#1f5350
```
#1f5350 rgb(31,83,80)
```
#24615e
```
#24615e rgb(36,97,94)
```
#2a6f6c
```
#2a6f6c rgb(42,111,108)
```
#2f7d7a
```
#2f7d7a rgb(47,125,122)
```
#348c88
```
#348c88 rgb(52,140,136)
```
#3a9a96
```
#3a9a96 rgb(58,154,150)
```
#3fa8a4
```
#3fa8a4 rgb(63,168,164)
```
#44b6b2
```
#44b6b2 rgb(68,182,178)
```

Shade Color Variation

#51beb9
```
#51beb9 rgb(81,190,185)
```
#5fc3bf
```
#5fc3bf rgb(95,195,191)
```
#6dc8c5
```
#6dc8c5 rgb(109,200,197)
```
#7cceca
```
#7cceca rgb(124,206,202)
```
#8ad3d0
```
#8ad3d0 rgb(138,211,208)
```
#98d8d6
```
#98d8d6 rgb(152,216,214)
```
#a6dedc
```
#a6dedc rgb(166,222,220)
```
#b5e3e1
```
#b5e3e1 rgb(181,227,225)
```
#c3e8e7
```
#c3e8e7 rgb(195,232,231)
```
#d1eeed
```
#d1eeed rgb(209,238,237)
```
#dff3f2
```
#dff3f2 rgb(223,243,242)
```
#eef8f8
```
#eef8f8 rgb(238,248,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#899998
```
#899998 rgb(137,153,152)
```
#81a1a0
```
#81a1a0 rgb(129,161,160)
```
#78aaa8
```
#78aaa8 rgb(120,170,168)
```
#70b2af
```
#70b2af rgb(112,178,175)
```
#67bbb7
```
#67bbb7 rgb(103,187,183)
```
#5fc3bf
```
#5fc3bf rgb(95,195,191)
```
#57cbc7
```
#57cbc7 rgb(87,203,199)
```
#4ed4cf
```
#4ed4cf rgb(78,212,207)
```
#46dcd6
```
#46dcd6 rgb(70,220,214)
```
#3de5de
```
#3de5de rgb(61,229,222)
```
#35ede6
```
#35ede6 rgb(53,237,230)
```
#2cf6ee
```
#2cf6ee rgb(44,246,238)
```
#24fef5
```
#24fef5 rgb(36,254,245)
```

Tone Color Variation

Below, you can see how #5fc3bf 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
#97abaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b6b9 Protanopia 1% of men
#bfb2c9 Deuteranopia 1% of men
#6ec3d1 Tritanopia 0.001% of the population

Trichromacy

#98babb Protanomaly 1% of men, 0.01% of women
#9cb8c5 Deuteranomaly 6% of men, 0.4% of women
#68c3cb Tritanomaly 0.01% of the population

#5fc3bf hex color

#5fc3bf Color Information

#5fc3bf Color Conversion

Color Schemes with #5fc3bf

Alternatives to #5fc3bf

#5fc3bf Preview

Shades and Tints of #5fc3bf

Tones of #5fc3bf

Color Blindness Simulator