#5caa31 hex color

In a RGB color space, hex #5caa31 is composed of 36.1% red, 66.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 45.9% cyan, 0% magenta, 71.2% yellow and 33.3% black. It has a hue angle of 98.7 degrees, a saturation of 55.3% and a lightness of 42.9%. #5caa31 color hex could be obtained by blending #b8ff62 with #005500. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 36
- G 67
- B 19
RGB color chart
- C 46
- M 0
- Y 71
- K 33
CMYK color chart

● #5caa31 color description : Dark green.

The hexadecimal color #5caa31 has RGB values of R:92, G:170, B:49 and CMYK values of C:0.46, M:0, Y:0.71, K:0.33. Its decimal value is 6072881.

Hex triplet	5caa31	`#5caa31`
RGB Decimal	92, 170, 49	`rgb(92,170,49)`
RGB Percent	36.1, 66.7, 19.2	`rgb(36.1%,66.7%,19.2%)`
CMYK	46, 0, 71, 33
HSL	98.7°, 55.3, 42.9	`hsl(98.7,55.3%,42.9%)`
HSV (or HSB)	98.7°, 71.2, 66.7
Web Safe	669933	`#669933`

CIE-LAB	62.714, -45.188, 52.237
XYZ	19.342, 31.245, 7.917
xyY	0.331, 0.534, 31.245
CIE-LCH	62.714, 69.07, 130.862
CIE-LUV	62.714, -38.044, 66.153
Hunter-Lab	55.898, -36.055, 30.73
Binary	01011100, 10101010, 00110001

#5caa31
```
#5caa31 rgb(92,170,49)
```
#7f31aa
```
#7f31aa rgb(127,49,170)
```

Complementary Color

#99aa31
```
#99aa31 rgb(153,170,49)
```
#5caa31
```
#5caa31 rgb(92,170,49)
```
#31aa43
```
#31aa43 rgb(49,170,67)
```

Analogous Color

#aa3199
```
#aa3199 rgb(170,49,153)
```
#5caa31
```
#5caa31 rgb(92,170,49)
```
#4331aa
```
#4331aa rgb(67,49,170)
```

Split Complementary Color

#aa315c
```
#aa315c rgb(170,49,92)
```
#5caa31
```
#5caa31 rgb(92,170,49)
```
#315caa
```
#315caa rgb(49,92,170)
```

Triadic Color

#aa7f31
```
#aa7f31 rgb(170,127,49)
```
#5caa31
```
#5caa31 rgb(92,170,49)
```
#315caa
```
#315caa rgb(49,92,170)
```
#7f31aa
```
#7f31aa rgb(127,49,170)
```

Tetradic Color

#3c6f20
```
#3c6f20 rgb(60,111,32)
```
#478226
```
#478226 rgb(71,130,38)
```
#51962b
```
#51962b rgb(81,150,43)
```
#5caa31
```
#5caa31 rgb(92,170,49)
```
#67be37
```
#67be37 rgb(103,190,55)
```
#74c945
```
#74c945 rgb(116,201,69)
```
#83cf58
```
#83cf58 rgb(131,207,88)
```

Monochromatic Color

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

#7aaa31
```
#7aaa31 rgb(122,170,49)
```
#70aa31
```
#70aa31 rgb(112,170,49)
```
#66aa31
```
#66aa31 rgb(102,170,49)
```
#5caa31
```
#5caa31 rgb(92,170,49)
```
#52aa31
```
#52aa31 rgb(82,170,49)
```
#48aa31
```
#48aa31 rgb(72,170,49)
```
#3eaa31
```
#3eaa31 rgb(62,170,49)
```

Similar Colors

Text with hexadecimal color #5caa31

This text has a font color of #5caa31.

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

#5caa31 background color

This paragraph has a background color of #5caa31.

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

#5caa31 border color

This element has a border color of #5caa31.

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

CSS codes

.text {color:#5caa31;}

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

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

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

#010301
```
#010301 rgb(1,3,1)
```
#0a1205
```
#0a1205 rgb(10,18,5)
```
#12210a
```
#12210a rgb(18,33,10)
```
#1a300e
```
#1a300e rgb(26,48,14)
```
#223f12
```
#223f12 rgb(34,63,18)
```
#2b4f17
```
#2b4f17 rgb(43,79,23)
```
#335e1b
```
#335e1b rgb(51,94,27)
```
#3b6d1f
```
#3b6d1f rgb(59,109,31)
```
#437c24
```
#437c24 rgb(67,124,36)
```
#4c8c28
```
#4c8c28 rgb(76,140,40)
```
#549b2d
```
#549b2d rgb(84,155,45)
```
#5caa31
```
#5caa31 rgb(92,170,49)
```
#64b935
```
#64b935 rgb(100,185,53)
```

Shade Color Variation

#6dc73c
```
#6dc73c rgb(109,199,60)
```
#78cb4b
```
#78cb4b rgb(120,203,75)
```
#84cf5a
```
#84cf5a rgb(132,207,90)
```
#8fd469
```
#8fd469 rgb(143,212,105)
```
#9ad878
```
#9ad878 rgb(154,216,120)
```
#a6dd88
```
#a6dd88 rgb(166,221,136)
```
#b1e197
```
#b1e197 rgb(177,225,151)
```
#bde5a6
```
#bde5a6 rgb(189,229,166)
```
#c8eab5
```
#c8eab5 rgb(200,234,181)
```
#d3eec5
```
#d3eec5 rgb(211,238,197)
```
#dff3d4
```
#dff3d4 rgb(223,243,212)
```
#eaf7e3
```
#eaf7e3 rgb(234,247,227)
```
#f5fbf2
```
#f5fbf2 rgb(245,251,242)
```

Tint Color Variation

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

#6d6f6c
```
#6d6f6c rgb(109,111,108)
```
#6b7764
```
#6b7764 rgb(107,119,100)
```
#68805b
```
#68805b rgb(104,128,91)
```
#668853
```
#668853 rgb(102,136,83)
```
#63914a
```
#63914a rgb(99,145,74)
```
#619942
```
#619942 rgb(97,153,66)
```
#5ea239
```
#5ea239 rgb(94,162,57)
```
#5caa31
```
#5caa31 rgb(92,170,49)
```
#5ab229
```
#5ab229 rgb(90,178,41)
```
#57bb20
```
#57bb20 rgb(87,187,32)
```
#55c318
```
#55c318 rgb(85,195,24)
```
#52cc0f
```
#52cc0f rgb(82,204,15)
```
#50d407
```
#50d407 rgb(80,212,7)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7d8c74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9d37 Protanopia 1% of men
#c19546 Deuteranopia 1% of men
#7aa3af Tritanopia 0.001% of the population

Trichromacy

#90a134 Protanomaly 1% of men, 0.01% of women
#9c9d3e Deuteranomaly 6% of men, 0.4% of women
#6fa581 Tritanomaly 0.01% of the population

#5caa31 hex color

#5caa31 Color Information

#5caa31 Color Conversion

Color Schemes with #5caa31

Alternatives to #5caa31

#5caa31 Preview

Shades and Tints of #5caa31

Tones of #5caa31

Color Blindness Simulator