#5a6d63 hex color

In a RGB color space, hex #5a6d63 is composed of 35.3% red, 42.7% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 17.4% cyan, 0% magenta, 9.2% yellow and 57.3% black. It has a hue angle of 148.4 degrees, a saturation of 9.5% and a lightness of 39%. #5a6d63 color hex could be obtained by blending #b4dac6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 43
- B 39
RGB color chart
- C 17
- M 0
- Y 9
- K 57
CMYK color chart

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

The hexadecimal color #5a6d63 has RGB values of R:90, G:109, B:99 and CMYK values of C:0.17, M:0, Y:0.09, K:0.57. Its decimal value is 5926243.

Hex triplet	5a6d63	`#5a6d63`
RGB Decimal	90, 109, 99	`rgb(90,109,99)`
RGB Percent	35.3, 42.7, 38.8	`rgb(35.3%,42.7%,38.8%)`
CMYK	17, 0, 9, 57
HSL	148.4°, 9.5, 39	`hsl(148.4,9.5%,39%)`
HSV (or HSB)	148.4°, 17.4, 42.7
Web Safe	666666	`#666666`

CIE-LAB	44.249, -9.305, 3.224
XYZ	11.937, 14.012, 13.879
xyY	0.3, 0.352, 14.012
CIE-LCH	44.249, 9.848, 160.89
CIE-LUV	44.249, -9.669, 5.63
Hunter-Lab	37.432, -8.584, 4.218
Binary	01011010, 01101101, 01100011

#5a6d63
```
#5a6d63 rgb(90,109,99)
```
#6d5a64
```
#6d5a64 rgb(109,90,100)
```

Complementary Color

#5b6d5a
```
#5b6d5a rgb(91,109,90)
```
#5a6d63
```
#5a6d63 rgb(90,109,99)
```
#5a6d6d
```
#5a6d6d rgb(90,109,109)
```

Analogous Color

#6d5a5b
```
#6d5a5b rgb(109,90,91)
```
#5a6d63
```
#5a6d63 rgb(90,109,99)
```
#6d5a6d
```
#6d5a6d rgb(109,90,109)
```

Split Complementary Color

#6d635a
```
#6d635a rgb(109,99,90)
```
#5a6d63
```
#5a6d63 rgb(90,109,99)
```
#635a6d
```
#635a6d rgb(99,90,109)
```

Triadic Color

#646d5a
```
#646d5a rgb(100,109,90)
```
#5a6d63
```
#5a6d63 rgb(90,109,99)
```
#635a6d
```
#635a6d rgb(99,90,109)
```
#6d5a64
```
#6d5a64 rgb(109,90,100)
```

Tetradic Color

#37433d
```
#37433d rgb(55,67,61)
```
#43514a
```
#43514a rgb(67,81,74)
```
#4e5f56
```
#4e5f56 rgb(78,95,86)
```
#5a6d63
```
#5a6d63 rgb(90,109,99)
```
#667b70
```
#667b70 rgb(102,123,112)
```
#71897c
```
#71897c rgb(113,137,124)
```
#7f9589
```
#7f9589 rgb(127,149,137)
```

Monochromatic Color

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

#5a6d5e
```
#5a6d5e rgb(90,109,94)
```
#5a6d60
```
#5a6d60 rgb(90,109,96)
```
#5a6d61
```
#5a6d61 rgb(90,109,97)
```
#5a6d63
```
#5a6d63 rgb(90,109,99)
```
#5a6d65
```
#5a6d65 rgb(90,109,101)
```
#5a6d66
```
#5a6d66 rgb(90,109,102)
```
#5a6d68
```
#5a6d68 rgb(90,109,104)
```

Similar Colors

Text with hexadecimal color #5a6d63

This text has a font color of #5a6d63.

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

#5a6d63 background color

This paragraph has a background color of #5a6d63.

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

#5a6d63 border color

This element has a border color of #5a6d63.

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

CSS codes

.text {color:#5a6d63;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#0a0c0b
```
#0a0c0b rgb(10,12,11)
```
#131715
```
#131715 rgb(19,23,21)
```
#1c221f
```
#1c221f rgb(28,34,31)
```
#252d28
```
#252d28 rgb(37,45,40)
```
#2e3732
```
#2e3732 rgb(46,55,50)
```
#37423c
```
#37423c rgb(55,66,60)
```
#3f4d46
```
#3f4d46 rgb(63,77,70)
```
#48584f
```
#48584f rgb(72,88,79)
```
#516259
```
#516259 rgb(81,98,89)
```
#5a6d63
```
#5a6d63 rgb(90,109,99)
```
#63786d
```
#63786d rgb(99,120,109)
```
#6c8277
```
#6c8277 rgb(108,130,119)
```

Shade Color Variation

#758d80
```
#758d80 rgb(117,141,128)
```
#80968a
```
#80968a rgb(128,150,138)
```
#8a9f94
```
#8a9f94 rgb(138,159,148)
```
#95a89e
```
#95a89e rgb(149,168,158)
```
#a0b0a8
```
#a0b0a8 rgb(160,176,168)
```
#abb9b2
```
#abb9b2 rgb(171,185,178)
```
#b5c2bb
```
#b5c2bb rgb(181,194,187)
```
#c0cbc5
```
#c0cbc5 rgb(192,203,197)
```
#cbd4cf
```
#cbd4cf rgb(203,212,207)
```
#d6ddd9
```
#d6ddd9 rgb(214,221,217)
```
#e0e6e3
```
#e0e6e3 rgb(224,230,227)
```
#ebefed
```
#ebefed rgb(235,239,237)
```
#f6f7f7
```
#f6f7f7 rgb(246,247,247)
```

Tint Color Variation

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

#626563
```
#626563 rgb(98,101,99)
```
#5a6d63
```
#5a6d63 rgb(90,109,99)
```
#527563
```
#527563 rgb(82,117,99)
```
#4b7c62
```
#4b7c62 rgb(75,124,98)
```
#438462
```
#438462 rgb(67,132,98)
```
#3b8c61
```
#3b8c61 rgb(59,140,97)
```
#349361
```
#349361 rgb(52,147,97)
```
#2c9b61
```
#2c9b61 rgb(44,155,97)
```
#24a360
```
#24a360 rgb(36,163,96)
```
#1daa60
```
#1daa60 rgb(29,170,96)
```
#15b25f
```
#15b25f rgb(21,178,95)
```
#0dba5f
```
#0dba5f rgb(13,186,95)
```
#06c15f
```
#06c15f rgb(6,193,95)
```

Tone Color Variation

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

#747068 Protanopia 1% of men
#7b6c6d Deuteranopia 1% of men
#65727a Tritanopia 0.001% of the population

Trichromacy

#6a6e66 Protanomaly 1% of men, 0.01% of women
#6f6c69 Deuteranomaly 6% of men, 0.4% of women
#617071 Tritanomaly 0.01% of the population

#5a6d63 hex color

#5a6d63 Color Information

#5a6d63 Color Conversion

Color Schemes with #5a6d63

Alternatives to #5a6d63

#5a6d63 Preview

Shades and Tints of #5a6d63

Tones of #5a6d63

Color Blindness Simulator