#5aa316 hex color

In a RGB color space, hex #5aa316 is composed of 35.3% red, 63.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 0% magenta, 86.5% yellow and 36.1% black. It has a hue angle of 91.1 degrees, a saturation of 76.2% and a lightness of 36.3%. #5aa316 color hex could be obtained by blending #b4ff2c with #004700. Closest websafe color is: #669900.

♥
- f
- t
- g
- R 35
- G 64
- B 9
RGB color chart
- C 45
- M 0
- Y 87
- K 36
CMYK color chart

● #5aa316 color description : Dark green.

The hexadecimal color #5aa316 has RGB values of R:90, G:163, B:22 and CMYK values of C:0.45, M:0, Y:0.87, K:0.36. Its decimal value is 5939990.

Hex triplet	5aa316	`#5aa316`
RGB Decimal	90, 163, 22	`rgb(90,163,22)`
RGB Percent	35.3, 63.9, 8.6	`rgb(35.3%,63.9%,8.6%)`
CMYK	45, 0, 87, 36
HSL	91.1°, 76.2, 36.3	`hsl(91.1,76.2%,36.3%)`
HSV (or HSB)	91.1°, 86.5, 63.9
Web Safe	669900	`#669900`

CIE-LAB	60.271, -44.533, 58.359
XYZ	17.458, 28.425, 5.326
xyY	0.341, 0.555, 28.425
CIE-LCH	60.271, 73.41, 127.347
CIE-LUV	60.271, -36.018, 68.977
Hunter-Lab	53.315, -34.852, 31.398
Binary	01011010, 10100011, 00010110

#5aa316
```
#5aa316 rgb(90,163,22)
```
#5f16a3
```
#5f16a3 rgb(95,22,163)
```

Complementary Color

#a1a316
```
#a1a316 rgb(161,163,22)
```
#5aa316
```
#5aa316 rgb(90,163,22)
```
#16a318
```
#16a318 rgb(22,163,24)
```

Analogous Color

#a316a1
```
#a316a1 rgb(163,22,161)
```
#5aa316
```
#5aa316 rgb(90,163,22)
```
#1816a3
```
#1816a3 rgb(24,22,163)
```

Split Complementary Color

#a3165a
```
#a3165a rgb(163,22,90)
```
#5aa316
```
#5aa316 rgb(90,163,22)
```
#165aa3
```
#165aa3 rgb(22,90,163)
```

Triadic Color

#a35f16
```
#a35f16 rgb(163,95,22)
```
#5aa316
```
#5aa316 rgb(90,163,22)
```
#165aa3
```
#165aa3 rgb(22,90,163)
```
#5f16a3
```
#5f16a3 rgb(95,22,163)
```

Tetradic Color

#35600d
```
#35600d rgb(53,96,13)
```
#417610
```
#417610 rgb(65,118,16)
```
#4e8d13
```
#4e8d13 rgb(78,141,19)
```
#5aa316
```
#5aa316 rgb(90,163,22)
```
#66b919
```
#66b919 rgb(102,185,25)
```
#73d01c
```
#73d01c rgb(115,208,28)
```
#7fe124
```
#7fe124 rgb(127,225,36)
```

Monochromatic Color

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

#7da316
```
#7da316 rgb(125,163,22)
```
#72a316
```
#72a316 rgb(114,163,22)
```
#66a316
```
#66a316 rgb(102,163,22)
```
#5aa316
```
#5aa316 rgb(90,163,22)
```
#4ea316
```
#4ea316 rgb(78,163,22)
```
#43a316
```
#43a316 rgb(67,163,22)
```
#37a316
```
#37a316 rgb(55,163,22)
```

Similar Colors

Text with hexadecimal color #5aa316

This text has a font color of #5aa316.

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

#5aa316 background color

This paragraph has a background color of #5aa316.

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

#5aa316 border color

This element has a border color of #5aa316.

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

CSS codes

.text {color:#5aa316;}

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

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

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

#040701
```
#040701 rgb(4,7,1)
```
#0e1903
```
#0e1903 rgb(14,25,3)
```
#172a06
```
#172a06 rgb(23,42,6)
```
#213b08
```
#213b08 rgb(33,59,8)
```
#2a4d0a
```
#2a4d0a rgb(42,77,10)
```
#345e0d
```
#345e0d rgb(52,94,13)
```
#3d6f0f
```
#3d6f0f rgb(61,111,15)
```
#478011
```
#478011 rgb(71,128,17)
```
#509214
```
#509214 rgb(80,146,20)
```
#5aa316
```
#5aa316 rgb(90,163,22)
```
#64b418
```
#64b418 rgb(100,180,24)
```
#6dc61b
```
#6dc61b rgb(109,198,27)
```
#77d71d
```
#77d71d rgb(119,215,29)
```

Shade Color Variation

#80e226
```
#80e226 rgb(128,226,38)
```
#8ae437
```
#8ae437 rgb(138,228,55)
```
#95e648
```
#95e648 rgb(149,230,72)
```
#9fe95a
```
#9fe95a rgb(159,233,90)
```
#a9eb6b
```
#a9eb6b rgb(169,235,107)
```
#b3ed7c
```
#b3ed7c rgb(179,237,124)
```
#bdf08d
```
#bdf08d rgb(189,240,141)
```
#c7f29f
```
#c7f29f rgb(199,242,159)
```
#d1f4b0
```
#d1f4b0 rgb(209,244,176)
```
#dbf7c1
```
#dbf7c1 rgb(219,247,193)
```
#e5f9d3
```
#e5f9d3 rgb(229,249,211)
```
#effbe4
```
#effbe4 rgb(239,251,228)
```
#f9fef5
```
#f9fef5 rgb(249,254,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c6356 is the less saturated color, while #59b801 is the most saturated one.

#5c6356
```
#5c6356 rgb(92,99,86)
```
#5c6a4f
```
#5c6a4f rgb(92,106,79)
```
#5c7148
```
#5c7148 rgb(92,113,72)
```
#5c7841
```
#5c7841 rgb(92,120,65)
```
#5b7f3a
```
#5b7f3a rgb(91,127,58)
```
#5b8732
```
#5b8732 rgb(91,135,50)
```
#5b8e2b
```
#5b8e2b rgb(91,142,43)
```
#5b9524
```
#5b9524 rgb(91,149,36)
```
#5a9c1d
```
#5a9c1d rgb(90,156,29)
```
#5aa316
```
#5aa316 rgb(90,163,22)
```
#5aaa0f
```
#5aaa0f rgb(90,170,15)
```
#59b108
```
#59b108 rgb(89,177,8)
```
#59b801
```
#59b801 rgb(89,184,1)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#768568 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9971d Protanopia 1% of men
#bb8f32 Deuteranopia 1% of men
#789ca8 Tritanopia 0.001% of the population

Trichromacy

#8c9b1a Protanomaly 1% of men, 0.01% of women
#989627 Deuteranomaly 6% of men, 0.4% of women
#6d9f72 Tritanomaly 0.01% of the population

#5aa316 hex color

#5aa316 Color Information

#5aa316 Color Conversion

Color Schemes with #5aa316

Alternatives to #5aa316

#5aa316 Preview

Shades and Tints of #5aa316

Tones of #5aa316

Color Blindness Simulator