#5a6448 hex color

In a RGB color space, hex #5a6448 is composed of 35.3% red, 39.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 0% magenta, 28% yellow and 60.8% black. It has a hue angle of 81.4 degrees, a saturation of 16.3% and a lightness of 33.7%. #5a6448 color hex could be obtained by blending #b4c890 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 35
- G 39
- B 28
RGB color chart
- C 10
- M 0
- Y 28
- K 61
CMYK color chart

● #5a6448 color description : Very dark grayish green.

The hexadecimal color #5a6448 has RGB values of R:90, G:100, B:72 and CMYK values of C:0.1, M:0, Y:0.28, K:0.61. Its decimal value is 5923912.

Hex triplet	5a6448	`#5a6448`
RGB Decimal	90, 100, 72	`rgb(90,100,72)`
RGB Percent	35.3, 39.2, 28.2	`rgb(35.3%,39.2%,28.2%)`
CMYK	10, 0, 28, 61
HSL	81.4°, 16.3, 33.7	`hsl(81.4,16.3%,33.7%)`
HSV (or HSB)	81.4°, 28, 39.2
Web Safe	666633	`#666633`

CIE-LAB	40.825, -9.343, 14.643
XYZ	9.943, 11.756, 7.876
xyY	0.336, 0.397, 11.756
CIE-LCH	40.825, 17.37, 122.54
CIE-LUV	40.825, -4.44, 18.95
Hunter-Lab	34.287, -8.237, 10.382
Binary	01011010, 01100100, 01001000

#5a6448
```
#5a6448 rgb(90,100,72)
```
#524864
```
#524864 rgb(82,72,100)
```

Complementary Color

#646048
```
#646048 rgb(100,96,72)
```
#5a6448
```
#5a6448 rgb(90,100,72)
```
#4c6448
```
#4c6448 rgb(76,100,72)
```

Analogous Color

#604864
```
#604864 rgb(96,72,100)
```
#5a6448
```
#5a6448 rgb(90,100,72)
```
#484c64
```
#484c64 rgb(72,76,100)
```

Split Complementary Color

#64485a
```
#64485a rgb(100,72,90)
```
#5a6448
```
#5a6448 rgb(90,100,72)
```
#485a64
```
#485a64 rgb(72,90,100)
```

Triadic Color

#645248
```
#645248 rgb(100,82,72)
```
#5a6448
```
#5a6448 rgb(90,100,72)
```
#485a64
```
#485a64 rgb(72,90,100)
```
#524864
```
#524864 rgb(82,72,100)
```

Tetradic Color

#323828
```
#323828 rgb(50,56,40)
```
#3f4633
```
#3f4633 rgb(63,70,51)
```
#4d553d
```
#4d553d rgb(77,85,61)
```
#5a6448
```
#5a6448 rgb(90,100,72)
```
#677353
```
#677353 rgb(103,115,83)
```
#75825d
```
#75825d rgb(117,130,93)
```
#829068
```
#829068 rgb(130,144,104)
```

Monochromatic Color

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

#616448
```
#616448 rgb(97,100,72)
```
#5f6448
```
#5f6448 rgb(95,100,72)
```
#5c6448
```
#5c6448 rgb(92,100,72)
```
#5a6448
```
#5a6448 rgb(90,100,72)
```
#586448
```
#586448 rgb(88,100,72)
```
#556448
```
#556448 rgb(85,100,72)
```
#536448
```
#536448 rgb(83,100,72)
```

Similar Colors

Text with hexadecimal color #5a6448

This text has a font color of #5a6448.

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

#5a6448 background color

This paragraph has a background color of #5a6448.

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

#5a6448 border color

This element has a border color of #5a6448.

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

CSS codes

.text {color:#5a6448;}

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

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

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

#080906
```
#080906 rgb(8,9,6)
```
#12140f
```
#12140f rgb(18,20,15)
```
#1c2017
```
#1c2017 rgb(28,32,23)
```
#272b1f
```
#272b1f rgb(39,43,31)
```
#313627
```
#313627 rgb(49,54,39)
```
#3b422f
```
#3b422f rgb(59,66,47)
```
#454d38
```
#454d38 rgb(69,77,56)
```
#505940
```
#505940 rgb(80,89,64)
```
#5a6448
```
#5a6448 rgb(90,100,72)
```
#646f50
```
#646f50 rgb(100,111,80)
```
#6f7b58
```
#6f7b58 rgb(111,123,88)
```
#798661
```
#798661 rgb(121,134,97)
```
#839269
```
#839269 rgb(131,146,105)
```

Shade Color Variation

#8d9b74
```
#8d9b74 rgb(141,155,116)
```
#96a37f
```
#96a37f rgb(150,163,127)
```
#9fab8a
```
#9fab8a rgb(159,171,138)
```
#a9b396
```
#a9b396 rgb(169,179,150)
```
#b2bba1
```
#b2bba1 rgb(178,187,161)
```
#bbc4ad
```
#bbc4ad rgb(187,196,173)
```
#c5ccb8
```
#c5ccb8 rgb(197,204,184)
```
#ced4c3
```
#ced4c3 rgb(206,212,195)
```
#d7dccf
```
#d7dccf rgb(215,220,207)
```
#e1e4da
```
#e1e4da rgb(225,228,218)
```
#eaede6
```
#eaede6 rgb(234,237,230)
```
#f3f5f1
```
#f3f5f1 rgb(243,245,241)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#565755
```
#565755 rgb(86,87,85)
```
#585d4f
```
#585d4f rgb(88,93,79)
```
#5a6448
```
#5a6448 rgb(90,100,72)
```
#5c6b41
```
#5c6b41 rgb(92,107,65)
```
#5e713b
```
#5e713b rgb(94,113,59)
```
#607834
```
#607834 rgb(96,120,52)
```
#627e2e
```
#627e2e rgb(98,126,46)
```
#638527
```
#638527 rgb(99,133,39)
```
#658c20
```
#658c20 rgb(101,140,32)
```
#67921a
```
#67921a rgb(103,146,26)
```
#699913
```
#699913 rgb(105,153,19)
```
#6ba00c
```
#6ba00c rgb(107,160,12)
```
#6da606
```
#6da606 rgb(109,166,6)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5d5f5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f684f Protanopia 1% of men
#796453 Deuteranopia 1% of men
#67686f Tritanopia 0.001% of the population

Trichromacy

#67664d Protanomaly 1% of men, 0.01% of women
#6d644f Deuteranomaly 6% of men, 0.4% of women
#626661 Tritanomaly 0.01% of the population

#5a6448 hex color

#5a6448 Color Information

#5a6448 Color Conversion

Color Schemes with #5a6448

Alternatives to #5a6448

#5a6448 Preview

Shades and Tints of #5a6448

Tones of #5a6448

Color Blindness Simulator