#5fc4c0 hex color

In a RGB color space, hex #5fc4c0 is composed of 37.3% red, 76.9% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 0% magenta, 2% yellow and 23.1% black. It has a hue angle of 177.6 degrees, a saturation of 46.1% and a lightness of 57.1%. #5fc4c0 color hex could be obtained by blending #beffff with #008981. Closest websafe color is: #66cccc.

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

● #5fc4c0 color description : Moderate cyan.

The hexadecimal color #5fc4c0 has RGB values of R:95, G:196, B:192 and CMYK values of C:0.52, M:0, Y:0.02, K:0.23. Its decimal value is 6276288.

Hex triplet	5fc4c0	`#5fc4c0`
RGB Decimal	95, 196, 192	`rgb(95,196,192)`
RGB Percent	37.3, 76.9, 75.3	`rgb(37.3%,76.9%,75.3%)`
CMYK	52, 0, 2, 23
HSL	177.6°, 46.1, 57.1	`hsl(177.6,46.1%,57.1%)`
HSV (or HSB)	177.6°, 51.5, 76.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.361, -30.342, -7.024
XYZ	33.971, 45.716, 56.9
xyY	0.249, 0.335, 45.716
CIE-LCH	73.361, 31.144, 193.034
CIE-LUV	73.361, -43.138, -5.963
Hunter-Lab	67.614, -28.641, -2.566
Binary	01011111, 11000100, 11000000

#5fc4c0
```
#5fc4c0 rgb(95,196,192)
```
#c45f63
```
#c45f63 rgb(196,95,99)
```

Complementary Color

#5fc48e
```
#5fc48e rgb(95,196,142)
```
#5fc4c0
```
#5fc4c0 rgb(95,196,192)
```
#5f96c4
```
#5f96c4 rgb(95,150,196)
```

Analogous Color

#c48e5f
```
#c48e5f rgb(196,142,95)
```
#5fc4c0
```
#5fc4c0 rgb(95,196,192)
```
#c45f96
```
#c45f96 rgb(196,95,150)
```

Split Complementary Color

#c4c05f
```
#c4c05f rgb(196,192,95)
```
#5fc4c0
```
#5fc4c0 rgb(95,196,192)
```
#c05fc4
```
#c05fc4 rgb(192,95,196)
```

Triadic Color

#63c45f
```
#63c45f rgb(99,196,95)
```
#5fc4c0
```
#5fc4c0 rgb(95,196,192)
```
#c05fc4
```
#c05fc4 rgb(192,95,196)
```
#c45f63
```
#c45f63 rgb(196,95,99)
```

Tetradic Color

#3a9d99
```
#3a9d99 rgb(58,157,153)
```
#41afab
```
#41afab rgb(65,175,171)
```
#4cbdb9
```
#4cbdb9 rgb(76,189,185)
```
#5fc4c0
```
#5fc4c0 rgb(95,196,192)
```
#72cbc7
```
#72cbc7 rgb(114,203,199)
```
#84d2cf
```
#84d2cf rgb(132,210,207)
```
#97d9d6
```
#97d9d6 rgb(151,217,214)
```

Monochromatic Color

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

#5fc4a7
```
#5fc4a7 rgb(95,196,167)
```
#5fc4af
```
#5fc4af rgb(95,196,175)
```
#5fc4b8
```
#5fc4b8 rgb(95,196,184)
```
#5fc4c0
```
#5fc4c0 rgb(95,196,192)
```
#5fc0c4
```
#5fc0c4 rgb(95,192,196)
```
#5fb7c4
```
#5fb7c4 rgb(95,183,196)
```
#5fafc4
```
#5fafc4 rgb(95,175,196)
```

Similar Colors

Text with hexadecimal color #5fc4c0

This text has a font color of #5fc4c0.

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

#5fc4c0 background color

This paragraph has a background color of #5fc4c0.

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

#5fc4c0 border color

This element has a border color of #5fc4c0.

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

CSS codes

.text {color:#5fc4c0;}

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

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

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

#040c0c
```
#040c0c rgb(4,12,12)
```
#0a1a1a
```
#0a1a1a rgb(10,26,26)
```
#0f2928
```
#0f2928 rgb(15,41,40)
```
#143736
```
#143736 rgb(20,55,54)
```
#1a4544
```
#1a4544 rgb(26,69,68)
```
#1f5452
```
#1f5452 rgb(31,84,82)
```
#246260
```
#246260 rgb(36,98,96)
```
#29706d
```
#29706d rgb(41,112,109)
```
#2f7f7b
```
#2f7f7b rgb(47,127,123)
```
#348d89
```
#348d89 rgb(52,141,137)
```
#399b97
```
#399b97 rgb(57,155,151)
```
#3faaa5
```
#3faaa5 rgb(63,170,165)
```
#44b8b3
```
#44b8b3 rgb(68,184,179)
```

Shade Color Variation

#51bfba
```
#51bfba rgb(81,191,186)
```
#5fc4c0
```
#5fc4c0 rgb(95,196,192)
```
#6dc9c6
```
#6dc9c6 rgb(109,201,198)
```
#7ccfcb
```
#7ccfcb rgb(124,207,203)
```
#8ad4d1
```
#8ad4d1 rgb(138,212,209)
```
#98d9d7
```
#98d9d7 rgb(152,217,215)
```
#a7dedc
```
#a7dedc rgb(167,222,220)
```
#b5e4e2
```
#b5e4e2 rgb(181,228,226)
```
#c3e9e7
```
#c3e9e7 rgb(195,233,231)
```
#d2eeed
```
#d2eeed rgb(210,238,237)
```
#e0f4f3
```
#e0f4f3 rgb(224,244,243)
```
#eef9f8
```
#eef9f8 rgb(238,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, #899a99 is the less saturated color, while #24fff6 is the most saturated one.

#899a99
```
#899a99 rgb(137,154,153)
```
#81a2a1
```
#81a2a1 rgb(129,162,161)
```
#78aba9
```
#78aba9 rgb(120,171,169)
```
#70b3b0
```
#70b3b0 rgb(112,179,176)
```
#67bcb8
```
#67bcb8 rgb(103,188,184)
```
#5fc4c0
```
#5fc4c0 rgb(95,196,192)
```
#57ccc8
```
#57ccc8 rgb(87,204,200)
```
#4ed5d0
```
#4ed5d0 rgb(78,213,208)
```
#46ddd7
```
#46ddd7 rgb(70,221,215)
```
#3de6df
```
#3de6df rgb(61,230,223)
```
#35eee7
```
#35eee7 rgb(53,238,231)
```
#2cf7ef
```
#2cf7ef rgb(44,247,239)
```
#24fff6
```
#24fff6 rgb(36,255,246)
```

Tone Color Variation

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

#bab7ba Protanopia 1% of men
#c0b3ca Deuteranopia 1% of men
#6ec4d2 Tritanopia 0.001% of the population

Trichromacy

#99bbbc Protanomaly 1% of men, 0.01% of women
#9cb9c6 Deuteranomaly 6% of men, 0.4% of women
#68c4cc Tritanomaly 0.01% of the population

#5fc4c0 hex color

#5fc4c0 Color Information

#5fc4c0 Color Conversion

Color Schemes with #5fc4c0

Alternatives to #5fc4c0

#5fc4c0 Preview

Shades and Tints of #5fc4c0

Tones of #5fc4c0

Color Blindness Simulator