colorhexa.com

#5fb6c4 hex color

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

- R 37
- G 71
- B 77
RGB color chart
- C 52
- M 7
- Y 0
- K 23
CMYK color chart

● #5fb6c4 color description : Moderate cyan.

The hexadecimal color #5fb6c4 has RGB values of R:95, G:182, B:196 and CMYK values of C:0.52, M:0.07, Y:0, K:0.23. Its decimal value is 6272708.

Hex triplet	5fb6c4	`#5fb6c4`
RGB Decimal	95, 182, 196	`rgb(95,182,196)`
RGB Percent	37.3, 71.4, 76.9	`rgb(37.3%,71.4%,76.9%)`
CMYK	52, 7, 0, 23
HSL	188.3°, 46.1, 57.1	`hsl(188.3,46.1%,57.1%)`
HSV (or HSB)	188.3°, 51.5, 76.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.378, -22.332, -15.166
XYZ	31.408, 39.872, 58.262
xyY	0.242, 0.308, 39.872
CIE-LCH	69.378, 26.995, 214.181
CIE-LUV	69.378, -37.55, -19.987
Hunter-Lab	63.144, -21.716, -10.505
Binary	01011111, 10110110, 11000100

#5fb6c4
```
#5fb6c4 rgb(95,182,196)
```
#c46d5f
```
#c46d5f rgb(196,109,95)
```

Complementary Color

#5fc4a0
```
#5fc4a0 rgb(95,196,160)
```
#5fb6c4
```
#5fb6c4 rgb(95,182,196)
```
#5f84c4
```
#5f84c4 rgb(95,132,196)
```

Analogous Color

#c4a05f
```
#c4a05f rgb(196,160,95)
```
#5fb6c4
```
#5fb6c4 rgb(95,182,196)
```
#c45f84
```
#c45f84 rgb(196,95,132)
```

Split Complementary Color

#b6c45f
```
#b6c45f rgb(182,196,95)
```
#5fb6c4
```
#5fb6c4 rgb(95,182,196)
```
#c45fb6
```
#c45fb6 rgb(196,95,182)
```

Triadic Color

#5fc46d
```
#5fc46d rgb(95,196,109)
```
#5fb6c4
```
#5fb6c4 rgb(95,182,196)
```
#c45fb6
```
#c45fb6 rgb(196,95,182)
```
#c46d5f
```
#c46d5f rgb(196,109,95)
```

Tetradic Color

#3a8f9d
```
#3a8f9d rgb(58,143,157)
```
#41a0af
```
#41a0af rgb(65,160,175)
```
#4caebd
```
#4caebd rgb(76,174,189)
```
#5fb6c4
```
#5fb6c4 rgb(95,182,196)
```
#72bfcb
```
#72bfcb rgb(114,191,203)
```
#84c7d2
```
#84c7d2 rgb(132,199,210)
```
#97d0d9
```
#97d0d9 rgb(151,208,217)
```

Monochromatic Color

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

#5fc4b9
```
#5fc4b9 rgb(95,196,185)
```
#5fc4c1
```
#5fc4c1 rgb(95,196,193)
```
#5fbec4
```
#5fbec4 rgb(95,190,196)
```
#5fb6c4
```
#5fb6c4 rgb(95,182,196)
```
#5faec4
```
#5faec4 rgb(95,174,196)
```
#5fa5c4
```
#5fa5c4 rgb(95,165,196)
```
#5f9dc4
```
#5f9dc4 rgb(95,157,196)
```

Similar Colors

Text with hexadecimal color #5fb6c4

This text has a font color of #5fb6c4.

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

#5fb6c4 background color

This paragraph has a background color of #5fb6c4.

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

#5fb6c4 border color

This element has a border color of #5fb6c4.

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

CSS codes

.text {color:#5fb6c4;}

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

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

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

#040b0c
```
#040b0c rgb(4,11,12)
```
#0a181a
```
#0a181a rgb(10,24,26)
```
#0f2529
```
#0f2529 rgb(15,37,41)
```
#143237
```
#143237 rgb(20,50,55)
```
#1a3f45
```
#1a3f45 rgb(26,63,69)
```
#1f4c54
```
#1f4c54 rgb(31,76,84)
```
#245962
```
#245962 rgb(36,89,98)
```
#296670
```
#296670 rgb(41,102,112)
```
#2f747f
```
#2f747f rgb(47,116,127)
```
#34818d
```
#34818d rgb(52,129,141)
```
#398e9b
```
#398e9b rgb(57,142,155)
```
#3f9baa
```
#3f9baa rgb(63,155,170)
```
#44a8b8
```
#44a8b8 rgb(68,168,184)
```

Shade Color Variation

#51afbf
```
#51afbf rgb(81,175,191)
```
#5fb6c4
```
#5fb6c4 rgb(95,182,196)
```
#6dbdc9
```
#6dbdc9 rgb(109,189,201)
```
#7cc3cf
```
#7cc3cf rgb(124,195,207)
```
#8acad4
```
#8acad4 rgb(138,202,212)
```
#98d0d9
```
#98d0d9 rgb(152,208,217)
```
#a7d7de
```
#a7d7de rgb(167,215,222)
```
#b5dde4
```
#b5dde4 rgb(181,221,228)
```
#c3e4e9
```
#c3e4e9 rgb(195,228,233)
```
#d2eaee
```
#d2eaee rgb(210,234,238)
```
#e0f1f4
```
#e0f1f4 rgb(224,241,244)
```
#eef7f9
```
#eef7f9 rgb(238,247,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#89989a
```
#89989a rgb(137,152,154)
```
#819ea2
```
#819ea2 rgb(129,158,162)
```
#78a4ab
```
#78a4ab rgb(120,164,171)
```
#70aab3
```
#70aab3 rgb(112,170,179)
```
#67b0bc
```
#67b0bc rgb(103,176,188)
```
#5fb6c4
```
#5fb6c4 rgb(95,182,196)
```
#57bccc
```
#57bccc rgb(87,188,204)
```
#4ec2d5
```
#4ec2d5 rgb(78,194,213)
```
#46c8dd
```
#46c8dd rgb(70,200,221)
```
#3dcee6
```
#3dcee6 rgb(61,206,230)
```
#35d4ee
```
#35d4ee rgb(53,212,238)
```
#2cdbf7
```
#2cdbf7 rgb(44,219,247)
```
#24e1ff
```
#24e1ff rgb(36,225,255)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#91a3a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abacbf Protanopia 1% of men
#adaacc Deuteranopia 1% of men
#67b9c7 Tritanopia 0.001% of the population

Trichromacy

#8fb0c1 Protanomaly 1% of men, 0.01% of women
#91aec9 Deuteranomaly 6% of men, 0.4% of women
#64b8c6 Tritanomaly 0.01% of the population