colorhexa.com

#5fa7a6 hex color

In a RGB color space, hex #5fa7a6 is composed of 37.3% red, 65.5% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 43.1% cyan, 0% magenta, 0.6% yellow and 34.5% black. It has a hue angle of 179.2 degrees, a saturation of 29% and a lightness of 51.4%. #5fa7a6 color hex could be obtained by blending #beffff with #004f4d. Closest websafe color is: #669999.

- R 37
- G 65
- B 65
RGB color chart
- C 43
- M 0
- Y 1
- K 35
CMYK color chart

● #5fa7a6 color description : Mostly desaturated dark cyan.

The hexadecimal color #5fa7a6 has RGB values of R:95, G:167, B:166 and CMYK values of C:0.43, M:0, Y:0.01, K:0.35. Its decimal value is 6268838.

Hex triplet	5fa7a6	`#5fa7a6`
RGB Decimal	95, 167, 166	`rgb(95,167,166)`
RGB Percent	37.3, 65.5, 65.1	`rgb(37.3%,65.5%,65.1%)`
CMYK	43, 0, 1, 35
HSL	179.2°, 29, 51.4	`hsl(179.2,29%,51.4%)`
HSV (or HSB)	179.2°, 43.1, 65.5
Web Safe	669999	`#669999`

CIE-LAB	64.016, -22.759, -6.546
XYZ	25.419, 32.822, 41.07
xyY	0.256, 0.33, 32.822
CIE-LCH	64.016, 23.682, 196.047
CIE-LUV	64.016, -32.63, -6.215
Hunter-Lab	57.29, -21.06, -2.4
Binary	01011111, 10100111, 10100110

#5fa7a6
```
#5fa7a6 rgb(95,167,166)
```
#a75f60
```
#a75f60 rgb(167,95,96)
```

Complementary Color

#5fa782
```
#5fa782 rgb(95,167,130)
```
#5fa7a6
```
#5fa7a6 rgb(95,167,166)
```
#5f84a7
```
#5f84a7 rgb(95,132,167)
```

Analogous Color

#a7825f
```
#a7825f rgb(167,130,95)
```
#5fa7a6
```
#5fa7a6 rgb(95,167,166)
```
#a75f84
```
#a75f84 rgb(167,95,132)
```

Split Complementary Color

#a7a65f
```
#a7a65f rgb(167,166,95)
```
#5fa7a6
```
#5fa7a6 rgb(95,167,166)
```
#a65fa7
```
#a65fa7 rgb(166,95,167)
```

Triadic Color

#60a75f
```
#60a75f rgb(96,167,95)
```
#5fa7a6
```
#5fa7a6 rgb(95,167,166)
```
#a65fa7
```
#a65fa7 rgb(166,95,167)
```
#a75f60
```
#a75f60 rgb(167,95,96)
```

Tetradic Color

#427877
```
#427877 rgb(66,120,119)
```
#4b8887
```
#4b8887 rgb(75,136,135)
```
#549998
```
#549998 rgb(84,153,152)
```
#5fa7a6
```
#5fa7a6 rgb(95,167,166)
```
#6fb0af
```
#6fb0af rgb(111,176,175)
```
#80b9b8
```
#80b9b8 rgb(128,185,184)
```
#90c2c1
```
#90c2c1 rgb(144,194,193)
```

Monochromatic Color

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

#5fa794
```
#5fa794 rgb(95,167,148)
```
#5fa79a
```
#5fa79a rgb(95,167,154)
```
#5fa7a0
```
#5fa7a0 rgb(95,167,160)
```
#5fa7a6
```
#5fa7a6 rgb(95,167,166)
```
#5fa2a7
```
#5fa2a7 rgb(95,162,167)
```
#5f9ca7
```
#5f9ca7 rgb(95,156,167)
```
#5f96a7
```
#5f96a7 rgb(95,150,167)
```

Similar Colors

Text with hexadecimal color #5fa7a6

This text has a font color of #5fa7a6.

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

#5fa7a6 background color

This paragraph has a background color of #5fa7a6.

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

#5fa7a6 border color

This element has a border color of #5fa7a6.

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

CSS codes

.text {color:#5fa7a6;}

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

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

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, #020504 is the darkest color, while #f7fbfa is the lightest one.

#020504
```
#020504 rgb(2,5,4)
```
#091111
```
#091111 rgb(9,17,17)
```
#101e1e
```
#101e1e rgb(16,30,30)
```
#172a2a
```
#172a2a rgb(23,42,42)
```
#1e3737
```
#1e3737 rgb(30,55,55)
```
#254443
```
#254443 rgb(37,68,67)
```
#2c5050
```
#2c5050 rgb(44,80,80)
```
#335d5d
```
#335d5d rgb(51,93,93)
```
#3a6a69
```
#3a6a69 rgb(58,106,105)
```
#417676
```
#417676 rgb(65,118,118)
```
#488382
```
#488382 rgb(72,131,130)
```
#4f908f
```
#4f908f rgb(79,144,143)
```
#569c9b
```
#569c9b rgb(86,156,155)
```

Shade Color Variation

#5fa7a6
```
#5fa7a6 rgb(95,167,166)
```
#6caead
```
#6caead rgb(108,174,173)
```
#78b5b4
```
#78b5b4 rgb(120,181,180)
```
#85bcbb
```
#85bcbb rgb(133,188,187)
```
#92c3c2
```
#92c3c2 rgb(146,195,194)
```
#9ecac9
```
#9ecac9 rgb(158,202,201)
```
#abd1d0
```
#abd1d0 rgb(171,209,208)
```
#b8d8d7
```
#b8d8d7 rgb(184,216,215)
```
#c4dfde
```
#c4dfde rgb(196,223,222)
```
#d1e6e5
```
#d1e6e5 rgb(209,230,229)
```
#deedec
```
#deedec rgb(222,237,236)
```
#eaf4f3
```
#eaf4f3 rgb(234,244,243)
```
#f7fbfa
```
#f7fbfa rgb(247,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c8a8a is the less saturated color, while #09fdf9 is the most saturated one.

#7c8a8a
```
#7c8a8a rgb(124,138,138)
```
#729493
```
#729493 rgb(114,148,147)
```
#699d9d
```
#699d9d rgb(105,157,157)
```
#5fa7a6
```
#5fa7a6 rgb(95,167,166)
```
#55b1af
```
#55b1af rgb(85,177,175)
```
#4cbab9
```
#4cbab9 rgb(76,186,185)
```
#42c4c2
```
#42c4c2 rgb(66,196,194)
```
#39cdcb
```
#39cdcb rgb(57,205,203)
```
#2fd7d4
```
#2fd7d4 rgb(47,215,212)
```
#26e0de
```
#26e0de rgb(38,224,222)
```
#1ceae7
```
#1ceae7 rgb(28,234,231)
```
#13f3f0
```
#13f3f0 rgb(19,243,240)
```
#09fdf9
```
#09fdf9 rgb(9,253,249)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#879595 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19fa3 Protanopia 1% of men
#a79cb0 Deuteranopia 1% of men
#6ba9b6 Tritanopia 0.001% of the population

Trichromacy

#89a2a4 Protanomaly 1% of men, 0.01% of women
#8da0ac Deuteranomaly 6% of men, 0.4% of women
#66a8b0 Tritanomaly 0.01% of the population