#5a6f68 hex color

In a RGB color space, hex #5a6f68 is composed of 35.3% red, 43.5% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 0% magenta, 6.3% yellow and 56.5% black. It has a hue angle of 160 degrees, a saturation of 10.4% and a lightness of 39.4%. #5a6f68 color hex could be obtained by blending #b4ded0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 44
- B 41
RGB color chart
- C 19
- M 0
- Y 6
- K 56
CMYK color chart

● #5a6f68 color description : Very dark grayish cyan - lime green.

The hexadecimal color #5a6f68 has RGB values of R:90, G:111, B:104 and CMYK values of C:0.19, M:0, Y:0.06, K:0.56. Its decimal value is 5926760.

Hex triplet	5a6f68	`#5a6f68`
RGB Decimal	90, 111, 104	`rgb(90,111,104)`
RGB Percent	35.3, 43.5, 40.8	`rgb(35.3%,43.5%,40.8%)`
CMYK	19, 0, 6, 56
HSL	160°, 10.4, 39.4	`hsl(160,10.4%,39.4%)`
HSV (or HSB)	160°, 18.9, 43.5
Web Safe	666666	`#666666`

CIE-LAB	45, -9.349, 1.309
XYZ	12.399, 14.542, 15.25
xyY	0.294, 0.345, 14.542
CIE-LCH	45, 9.44, 172.028
CIE-LUV	45, -10.718, 3.148
Hunter-Lab	38.134, -8.695, 2.984
Binary	01011010, 01101111, 01101000

#5a6f68
```
#5a6f68 rgb(90,111,104)
```
#6f5a61
```
#6f5a61 rgb(111,90,97)
```

Complementary Color

#5a6f5e
```
#5a6f5e rgb(90,111,94)
```
#5a6f68
```
#5a6f68 rgb(90,111,104)
```
#5a6c6f
```
#5a6c6f rgb(90,108,111)
```

Analogous Color

#6f5e5a
```
#6f5e5a rgb(111,94,90)
```
#5a6f68
```
#5a6f68 rgb(90,111,104)
```
#6f5a6c
```
#6f5a6c rgb(111,90,108)
```

Split Complementary Color

#6f685a
```
#6f685a rgb(111,104,90)
```
#5a6f68
```
#5a6f68 rgb(90,111,104)
```
#685a6f
```
#685a6f rgb(104,90,111)
```

Triadic Color

#616f5a
```
#616f5a rgb(97,111,90)
```
#5a6f68
```
#5a6f68 rgb(90,111,104)
```
#685a6f
```
#685a6f rgb(104,90,111)
```
#6f5a61
```
#6f5a61 rgb(111,90,97)
```

Tetradic Color

#384540
```
#384540 rgb(56,69,64)
```
#43534e
```
#43534e rgb(67,83,78)
```
#4f615b
```
#4f615b rgb(79,97,91)
```
#5a6f68
```
#5a6f68 rgb(90,111,104)
```
#657d75
```
#657d75 rgb(101,125,117)
```
#718b82
```
#718b82 rgb(113,139,130)
```
#7f978f
```
#7f978f rgb(127,151,143)
```

Monochromatic Color

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

#5a6f63
```
#5a6f63 rgb(90,111,99)
```
#5a6f65
```
#5a6f65 rgb(90,111,101)
```
#5a6f66
```
#5a6f66 rgb(90,111,102)
```
#5a6f68
```
#5a6f68 rgb(90,111,104)
```
#5a6f6a
```
#5a6f6a rgb(90,111,106)
```
#5a6f6c
```
#5a6f6c rgb(90,111,108)
```
#5a6f6d
```
#5a6f6d rgb(90,111,109)
```

Similar Colors

Text with hexadecimal color #5a6f68

This text has a font color of #5a6f68.

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

#5a6f68 background color

This paragraph has a background color of #5a6f68.

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

#5a6f68 border color

This element has a border color of #5a6f68.

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

CSS codes

.text {color:#5a6f68;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0b0e0d
```
#0b0e0d rgb(11,14,13)
```
#141817
```
#141817 rgb(20,24,23)
```
#1d2321
```
#1d2321 rgb(29,35,33)
```
#252e2b
```
#252e2b rgb(37,46,43)
```
#2e3935
```
#2e3935 rgb(46,57,53)
```
#37443f
```
#37443f rgb(55,68,63)
```
#404f4a
```
#404f4a rgb(64,79,74)
```
#485954
```
#485954 rgb(72,89,84)
```
#51645e
```
#51645e rgb(81,100,94)
```
#5a6f68
```
#5a6f68 rgb(90,111,104)
```
#637a72
```
#637a72 rgb(99,122,114)
```
#6c857c
```
#6c857c rgb(108,133,124)
```

Shade Color Variation

#758f86
```
#758f86 rgb(117,143,134)
```
#809890
```
#809890 rgb(128,152,144)
```
#8ba199
```
#8ba199 rgb(139,161,153)
```
#95a9a3
```
#95a9a3 rgb(149,169,163)
```
#a0b2ac
```
#a0b2ac rgb(160,178,172)
```
#abbbb6
```
#abbbb6 rgb(171,187,182)
```
#b6c4bf
```
#b6c4bf rgb(182,196,191)
```
#c1ccc9
```
#c1ccc9 rgb(193,204,201)
```
#ccd5d2
```
#ccd5d2 rgb(204,213,210)
```
#d6dedb
```
#d6dedb rgb(214,222,219)
```
#e1e7e5
```
#e1e7e5 rgb(225,231,229)
```
#ecf0ee
```
#ecf0ee rgb(236,240,238)
```
#f7f8f8
```
#f7f8f8 rgb(247,248,248)
```

Tint Color Variation

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

#626765
```
#626765 rgb(98,103,101)
```
#5a6f68
```
#5a6f68 rgb(90,111,104)
```
#52776b
```
#52776b rgb(82,119,107)
```
#4b7e6d
```
#4b7e6d rgb(75,126,109)
```
#438670
```
#438670 rgb(67,134,112)
```
#3b8e72
```
#3b8e72 rgb(59,142,114)
```
#339675
```
#339675 rgb(51,150,117)
```
#2c9d77
```
#2c9d77 rgb(44,157,119)
```
#24a57a
```
#24a57a rgb(36,165,122)
```
#1cad7d
```
#1cad7d rgb(28,173,125)
```
#14b57f
```
#14b57f rgb(20,181,127)
```
#0dbc82
```
#0dbc82 rgb(13,188,130)
```
#05c484
```
#05c484 rgb(5,196,132)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#656968 Atypical Achromatopsia 0.001% of the population

Dichromacy

#75716d Protanopia 1% of men
#7c6e72 Deuteranopia 1% of men
#65747c Tritanopia 0.001% of the population

Trichromacy

#6b706b Protanomaly 1% of men, 0.01% of women
#6f6e6e Deuteranomaly 6% of men, 0.4% of women
#617275 Tritanomaly 0.01% of the population

#5a6f68 hex color

#5a6f68 Color Information

#5a6f68 Color Conversion

Color Schemes with #5a6f68

Alternatives to #5a6f68

#5a6f68 Preview

Shades and Tints of #5a6f68

Tones of #5a6f68

Color Blindness Simulator