#5a9346 hex color

In a RGB color space, hex #5a9346 is composed of 35.3% red, 57.6% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 0% magenta, 52.4% yellow and 42.4% black. It has a hue angle of 104.4 degrees, a saturation of 35.5% and a lightness of 42.5%. #5a9346 color hex could be obtained by blending #b4ff8c with #002700. Closest websafe color is: #669933.

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

● #5a9346 color description : Dark moderate green.

The hexadecimal color #5a9346 has RGB values of R:90, G:147, B:70 and CMYK values of C:0.39, M:0, Y:0.52, K:0.42. Its decimal value is 5935942.

Hex triplet	5a9346	`#5a9346`
RGB Decimal	90, 147, 70	`rgb(90,147,70)`
RGB Percent	35.3, 57.6, 27.5	`rgb(35.3%,57.6%,27.5%)`
CMYK	39, 0, 52, 42
HSL	104.4°, 35.5, 42.5	`hsl(104.4,35.5%,42.5%)`
HSV (or HSB)	104.4°, 52.4, 57.6
Web Safe	669933	`#669933`

CIE-LAB	55.566, -33.813, 34.695
XYZ	15.755, 23.483, 9.496
xyY	0.323, 0.482, 23.483
CIE-LCH	55.566, 48.446, 134.262
CIE-LUV	55.566, -28.094, 46.743
Hunter-Lab	48.459, -26.768, 22.302
Binary	01011010, 10010011, 01000110

#5a9346
```
#5a9346 rgb(90,147,70)
```
#7f4693
```
#7f4693 rgb(127,70,147)
```

Complementary Color

#819346
```
#819346 rgb(129,147,70)
```
#5a9346
```
#5a9346 rgb(90,147,70)
```
#469359
```
#469359 rgb(70,147,89)
```

Analogous Color

#934681
```
#934681 rgb(147,70,129)
```
#5a9346
```
#5a9346 rgb(90,147,70)
```
#594693
```
#594693 rgb(89,70,147)
```

Split Complementary Color

#93465a
```
#93465a rgb(147,70,90)
```
#5a9346
```
#5a9346 rgb(90,147,70)
```
#465a93
```
#465a93 rgb(70,90,147)
```

Triadic Color

#937f46
```
#937f46 rgb(147,127,70)
```
#5a9346
```
#5a9346 rgb(90,147,70)
```
#465a93
```
#465a93 rgb(70,90,147)
```
#7f4693
```
#7f4693 rgb(127,70,147)
```

Tetradic Color

#3a5f2d
```
#3a5f2d rgb(58,95,45)
```
#457036
```
#457036 rgb(69,112,54)
```
#4f823e
```
#4f823e rgb(79,130,62)
```
#5a9346
```
#5a9346 rgb(90,147,70)
```
#65a44e
```
#65a44e rgb(101,164,78)
```
#71b15b
```
#71b15b rgb(113,177,91)
```
#80b96c
```
#80b96c rgb(128,185,108)
```

Monochromatic Color

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

#6d9346
```
#6d9346 rgb(109,147,70)
```
#679346
```
#679346 rgb(103,147,70)
```
#609346
```
#609346 rgb(96,147,70)
```
#5a9346
```
#5a9346 rgb(90,147,70)
```
#549346
```
#549346 rgb(84,147,70)
```
#4d9346
```
#4d9346 rgb(77,147,70)
```
#479346
```
#479346 rgb(71,147,70)
```

Similar Colors

Text with hexadecimal color #5a9346

This text has a font color of #5a9346.

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

#5a9346 background color

This paragraph has a background color of #5a9346.

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

#5a9346 border color

This element has a border color of #5a9346.

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

CSS codes

.text {color:#5a9346;}

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

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

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

#010100
```
#010100 rgb(1,1,0)
```
#090e07
```
#090e07 rgb(9,14,7)
```
#111b0d
```
#111b0d rgb(17,27,13)
```
#192913
```
#192913 rgb(25,41,19)
```
#21361a
```
#21361a rgb(33,54,26)
```
#294320
```
#294320 rgb(41,67,32)
```
#315126
```
#315126 rgb(49,81,38)
```
#395e2d
```
#395e2d rgb(57,94,45)
```
#426b33
```
#426b33 rgb(66,107,51)
```
#4a7839
```
#4a7839 rgb(74,120,57)
```
#528640
```
#528640 rgb(82,134,64)
```
#5a9346
```
#5a9346 rgb(90,147,70)
```
#62a04c
```
#62a04c rgb(98,160,76)
```

Shade Color Variation

#6aad53
```
#6aad53 rgb(106,173,83)
```
#76b360
```
#76b360 rgb(118,179,96)
```
#81ba6e
```
#81ba6e rgb(129,186,110)
```
#8dc07b
```
#8dc07b rgb(141,192,123)
```
#98c688
```
#98c688 rgb(152,198,136)
```
#a4cd96
```
#a4cd96 rgb(164,205,150)
```
#afd3a3
```
#afd3a3 rgb(175,211,163)
```
#bbd9b0
```
#bbd9b0 rgb(187,217,176)
```
#c6e0bd
```
#c6e0bd rgb(198,224,189)
```
#d2e6cb
```
#d2e6cb rgb(210,230,203)
```
#ddecd8
```
#ddecd8 rgb(221,236,216)
```
#e9f3e5
```
#e9f3e5 rgb(233,243,229)
```
#f4f9f3
```
#f4f9f3 rgb(244,249,243)
```

Tint Color Variation

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

#6a7267
```
#6a7267 rgb(106,114,103)
```
#667a5f
```
#667a5f rgb(102,122,95)
```
#628257
```
#628257 rgb(98,130,87)
```
#5e8b4e
```
#5e8b4e rgb(94,139,78)
```
#5a9346
```
#5a9346 rgb(90,147,70)
```
#569b3e
```
#569b3e rgb(86,155,62)
```
#52a435
```
#52a435 rgb(82,164,53)
```
#4eac2d
```
#4eac2d rgb(78,172,45)
```
#4ab425
```
#4ab425 rgb(74,180,37)
```
#46bd1c
```
#46bd1c rgb(70,189,28)
```
#42c514
```
#42c514 rgb(66,197,20)
```
#3ecd0c
```
#3ecd0c rgb(62,205,12)
```
#3ad603
```
#3ad603 rgb(58,214,3)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#737e6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#998b4b Protanopia 1% of men
#a78556 Deuteranopia 1% of men
#71909a Tritanopia 0.001% of the population

Trichromacy

#828e49 Protanomaly 1% of men, 0.01% of women
#8b8a50 Deuteranomaly 6% of men, 0.4% of women
#69917b Tritanomaly 0.01% of the population

#5a9346 hex color

#5a9346 Color Information

#5a9346 Color Conversion

Color Schemes with #5a9346

Alternatives to #5a9346

#5a9346 Preview

Shades and Tints of #5a9346

Tones of #5a9346

Color Blindness Simulator