#5a6c63 hex color

In a RGB color space, hex #5a6c63 is composed of 35.3% red, 42.4% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 8.3% yellow and 57.6% black. It has a hue angle of 150 degrees, a saturation of 9.1% and a lightness of 38.8%. #5a6c63 color hex could be obtained by blending #b4d8c6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 42
- B 39
RGB color chart
- C 17
- M 0
- Y 8
- K 58
CMYK color chart

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

The hexadecimal color #5a6c63 has RGB values of R:90, G:108, B:99 and CMYK values of C:0.17, M:0, Y:0.08, K:0.58. Its decimal value is 5925987.

Hex triplet	5a6c63	`#5a6c63`
RGB Decimal	90, 108, 99	`rgb(90,108,99)`
RGB Percent	35.3, 42.4, 38.8	`rgb(35.3%,42.4%,38.8%)`
CMYK	17, 0, 8, 58
HSL	150°, 9.1, 38.8	`hsl(150,9.1%,38.8%)`
HSV (or HSB)	150°, 16.7, 42.4
Web Safe	666666	`#666666`

CIE-LAB	43.944, -8.732, 2.783
XYZ	11.831, 13.799, 13.844
xyY	0.3, 0.35, 13.799
CIE-LCH	43.944, 9.164, 162.323
CIE-LUV	43.944, -9.184, 4.963
Hunter-Lab	37.148, -8.16, 3.907
Binary	01011010, 01101100, 01100011

#5a6c63
```
#5a6c63 rgb(90,108,99)
```
#6c5a63
```
#6c5a63 rgb(108,90,99)
```

Complementary Color

#5a6c5a
```
#5a6c5a rgb(90,108,90)
```
#5a6c63
```
#5a6c63 rgb(90,108,99)
```
#5a6c6c
```
#5a6c6c rgb(90,108,108)
```

Analogous Color

#6c5a5a
```
#6c5a5a rgb(108,90,90)
```
#5a6c63
```
#5a6c63 rgb(90,108,99)
```
#6c5a6c
```
#6c5a6c rgb(108,90,108)
```

Split Complementary Color

#6c635a
```
#6c635a rgb(108,99,90)
```
#5a6c63
```
#5a6c63 rgb(90,108,99)
```
#635a6c
```
#635a6c rgb(99,90,108)
```

Triadic Color

#636c5a
```
#636c5a rgb(99,108,90)
```
#5a6c63
```
#5a6c63 rgb(90,108,99)
```
#635a6c
```
#635a6c rgb(99,90,108)
```
#6c5a63
```
#6c5a63 rgb(108,90,99)
```

Tetradic Color

#37423d
```
#37423d rgb(55,66,61)
```
#43504a
```
#43504a rgb(67,80,74)
```
#4e5e56
```
#4e5e56 rgb(78,94,86)
```
#5a6c63
```
#5a6c63 rgb(90,108,99)
```
#667a70
```
#667a70 rgb(102,122,112)
```
#71887d
```
#71887d rgb(113,136,125)
```
#7f9489
```
#7f9489 rgb(127,148,137)
```

Monochromatic Color

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

#5a6c5f
```
#5a6c5f rgb(90,108,95)
```
#5a6c60
```
#5a6c60 rgb(90,108,96)
```
#5a6c62
```
#5a6c62 rgb(90,108,98)
```
#5a6c63
```
#5a6c63 rgb(90,108,99)
```
#5a6c65
```
#5a6c65 rgb(90,108,101)
```
#5a6c66
```
#5a6c66 rgb(90,108,102)
```
#5a6c68
```
#5a6c68 rgb(90,108,104)
```

Similar Colors

Text with hexadecimal color #5a6c63

This text has a font color of #5a6c63.

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

#5a6c63 background color

This paragraph has a background color of #5a6c63.

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

#5a6c63 border color

This element has a border color of #5a6c63.

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

CSS codes

.text {color:#5a6c63;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0c0b
```
#0a0c0b rgb(10,12,11)
```
#131615
```
#131615 rgb(19,22,21)
```
#1c211e
```
#1c211e rgb(28,33,30)
```
#252c28
```
#252c28 rgb(37,44,40)
```
#2d3732
```
#2d3732 rgb(45,55,50)
```
#36413c
```
#36413c rgb(54,65,60)
```
#3f4c46
```
#3f4c46 rgb(63,76,70)
```
#48574f
```
#48574f rgb(72,87,79)
```
#516159
```
#516159 rgb(81,97,89)
```
#5a6c63
```
#5a6c63 rgb(90,108,99)
```
#63776d
```
#63776d rgb(99,119,109)
```
#6c8177
```
#6c8177 rgb(108,129,119)
```

Shade Color Variation

#758c80
```
#758c80 rgb(117,140,128)
```
#80958a
```
#80958a rgb(128,149,138)
```
#8a9e94
```
#8a9e94 rgb(138,158,148)
```
#95a79e
```
#95a79e rgb(149,167,158)
```
#a0b0a8
```
#a0b0a8 rgb(160,176,168)
```
#aab9b1
```
#aab9b1 rgb(170,185,177)
```
#b5c1bb
```
#b5c1bb rgb(181,193,187)
```
#c0cac5
```
#c0cac5 rgb(192,202,197)
```
#cbd3cf
```
#cbd3cf rgb(203,211,207)
```
#d5dcd9
```
#d5dcd9 rgb(213,220,217)
```
#e0e5e3
```
#e0e5e3 rgb(224,229,227)
```
#ebeeec
```
#ebeeec rgb(235,238,236)
```
#f5f7f6
```
#f5f7f6 rgb(245,247,246)
```

Tint Color Variation

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

#626463
```
#626463 rgb(98,100,99)
```
#5a6c63
```
#5a6c63 rgb(90,108,99)
```
#527463
```
#527463 rgb(82,116,99)
```
#4b7b63
```
#4b7b63 rgb(75,123,99)
```
#438363
```
#438363 rgb(67,131,99)
```
#3c8a63
```
#3c8a63 rgb(60,138,99)
```
#349263
```
#349263 rgb(52,146,99)
```
#2c9a63
```
#2c9a63 rgb(44,154,99)
```
#25a163
```
#25a163 rgb(37,161,99)
```
#1da963
```
#1da963 rgb(29,169,99)
```
#15b163
```
#15b163 rgb(21,177,99)
```
#0eb863
```
#0eb863 rgb(14,184,99)
```
#06c063
```
#06c063 rgb(6,192,99)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#646765 Atypical Achromatopsia 0.001% of the population

Dichromacy

#736f68 Protanopia 1% of men
#7a6c6d Deuteranopia 1% of men
#657179 Tritanopia 0.001% of the population

Trichromacy

#6a6e66 Protanomaly 1% of men, 0.01% of women
#6e6c69 Deuteranomaly 6% of men, 0.4% of women
#616f71 Tritanomaly 0.01% of the population

#5a6c63 hex color

#5a6c63 Color Information

#5a6c63 Color Conversion

Color Schemes with #5a6c63

Alternatives to #5a6c63

#5a6c63 Preview

Shades and Tints of #5a6c63

Tones of #5a6c63

Color Blindness Simulator