#5fc3bb hex color

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

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

● #5fc3bb color description : Moderate cyan.

The hexadecimal color #5fc3bb has RGB values of R:95, G:195, B:187 and CMYK values of C:0.51, M:0, Y:0.04, K:0.24. Its decimal value is 6276027.

Hex triplet	5fc3bb	`#5fc3bb`
RGB Decimal	95, 195, 187	`rgb(95,195,187)`
RGB Percent	37.3, 76.5, 73.3	`rgb(37.3%,76.5%,73.3%)`
CMYK	51, 0, 4, 24
HSL	175.2°, 45.5, 56.9	`hsl(175.2,45.5%,56.9%)`
HSV (or HSB)	175.2°, 51.3, 76.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.924, -31.157, -4.95
XYZ	33.201, 45.049, 53.957
xyY	0.251, 0.341, 45.049
CIE-LCH	72.924, 31.548, 189.028
CIE-LUV	72.924, -42.973, -2.602
Hunter-Lab	67.118, -29.158, -0.681
Binary	01011111, 11000011, 10111011

#5fc3bb
```
#5fc3bb rgb(95,195,187)
```
#c35f67
```
#c35f67 rgb(195,95,103)
```

Complementary Color

#5fc389
```
#5fc389 rgb(95,195,137)
```
#5fc3bb
```
#5fc3bb rgb(95,195,187)
```
#5f99c3
```
#5f99c3 rgb(95,153,195)
```

Analogous Color

#c3895f
```
#c3895f rgb(195,137,95)
```
#5fc3bb
```
#5fc3bb rgb(95,195,187)
```
#c35f99
```
#c35f99 rgb(195,95,153)
```

Split Complementary Color

#c3bb5f
```
#c3bb5f rgb(195,187,95)
```
#5fc3bb
```
#5fc3bb rgb(95,195,187)
```
#bb5fc3
```
#bb5fc3 rgb(187,95,195)
```

Triadic Color

#67c35f
```
#67c35f rgb(103,195,95)
```
#5fc3bb
```
#5fc3bb rgb(95,195,187)
```
#bb5fc3
```
#bb5fc3 rgb(187,95,195)
```
#c35f67
```
#c35f67 rgb(195,95,103)
```

Tetradic Color

#3a9b94
```
#3a9b94 rgb(58,155,148)
```
#41aea5
```
#41aea5 rgb(65,174,165)
```
#4cbcb3
```
#4cbcb3 rgb(76,188,179)
```
#5fc3bb
```
#5fc3bb rgb(95,195,187)
```
#72cac3
```
#72cac3 rgb(114,202,195)
```
#84d1cb
```
#84d1cb rgb(132,209,203)
```
#97d8d3
```
#97d8d3 rgb(151,216,211)
```

Monochromatic Color

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

#5fc3a2
```
#5fc3a2 rgb(95,195,162)
```
#5fc3aa
```
#5fc3aa rgb(95,195,170)
```
#5fc3b3
```
#5fc3b3 rgb(95,195,179)
```
#5fc3bb
```
#5fc3bb rgb(95,195,187)
```
#5fc3c3
```
#5fc3c3 rgb(95,195,195)
```
#5fbac3
```
#5fbac3 rgb(95,186,195)
```
#5fb2c3
```
#5fb2c3 rgb(95,178,195)
```

Similar Colors

Text with hexadecimal color #5fc3bb

This text has a font color of #5fc3bb.

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

#5fc3bb background color

This paragraph has a background color of #5fc3bb.

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

#5fc3bb border color

This element has a border color of #5fc3bb.

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

CSS codes

.text {color:#5fc3bb;}

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

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

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)
```
#0a1918
```
#0a1918 rgb(10,25,24)
```
#0f2826
```
#0f2826 rgb(15,40,38)
```
#143633
```
#143633 rgb(20,54,51)
```
#1a4441
```
#1a4441 rgb(26,68,65)
```
#1f534e
```
#1f534e rgb(31,83,78)
```
#24615c
```
#24615c rgb(36,97,92)
```
#2a6f69
```
#2a6f69 rgb(42,111,105)
```
#2f7d77
```
#2f7d77 rgb(47,125,119)
```
#348c85
```
#348c85 rgb(52,140,133)
```
#3a9a92
```
#3a9a92 rgb(58,154,146)
```
#3fa8a0
```
#3fa8a0 rgb(63,168,160)
```
#44b6ad
```
#44b6ad rgb(68,182,173)
```

Shade Color Variation

#51beb5
```
#51beb5 rgb(81,190,181)
```
#5fc3bb
```
#5fc3bb rgb(95,195,187)
```
#6dc8c1
```
#6dc8c1 rgb(109,200,193)
```
#7ccec7
```
#7ccec7 rgb(124,206,199)
```
#8ad3cd
```
#8ad3cd rgb(138,211,205)
```
#98d8d3
```
#98d8d3 rgb(152,216,211)
```
#a6ded9
```
#a6ded9 rgb(166,222,217)
```
#b5e3df
```
#b5e3df rgb(181,227,223)
```
#c3e8e5
```
#c3e8e5 rgb(195,232,229)
```
#d1eeec
```
#d1eeec rgb(209,238,236)
```
#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, #899997 is the less saturated color, while #24feed is the most saturated one.

#899997
```
#899997 rgb(137,153,151)
```
#81a19f
```
#81a19f rgb(129,161,159)
```
#78aaa6
```
#78aaa6 rgb(120,170,166)
```
#70b2ad
```
#70b2ad rgb(112,178,173)
```
#67bbb4
```
#67bbb4 rgb(103,187,180)
```
#5fc3bb
```
#5fc3bb rgb(95,195,187)
```
#57cbc2
```
#57cbc2 rgb(87,203,194)
```
#4ed4c9
```
#4ed4c9 rgb(78,212,201)
```
#46dcd0
```
#46dcd0 rgb(70,220,208)
```
#3de5d7
```
#3de5d7 rgb(61,229,215)
```
#35eddf
```
#35eddf rgb(53,237,223)
```
#2cf6e6
```
#2cf6e6 rgb(44,246,230)
```
#24feed
```
#24feed rgb(36,254,237)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#96aaa9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab6b5 Protanopia 1% of men
#c0b2c5 Deuteranopia 1% of men
#6fc3d1 Tritanopia 0.001% of the population

Trichromacy

#98bab7 Protanomaly 1% of men, 0.01% of women
#9db8c1 Deuteranomaly 6% of men, 0.4% of women
#69c3c9 Tritanomaly 0.01% of the population

#5fc3bb hex color

#5fc3bb Color Information

#5fc3bb Color Conversion

Color Schemes with #5fc3bb

Alternatives to #5fc3bb

#5fc3bb Preview

Shades and Tints of #5fc3bb

Tones of #5fc3bb

Color Blindness Simulator