#45a922 hex color

In a RGB color space, hex #45a922 is composed of 27.1% red, 66.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 0% magenta, 79.9% yellow and 33.7% black. It has a hue angle of 104.4 degrees, a saturation of 66.5% and a lightness of 39.8%. #45a922 color hex could be obtained by blending #8aff44 with #005300. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 27
- G 66
- B 13
RGB color chart
- C 59
- M 0
- Y 80
- K 34
CMYK color chart

● #45a922 color description : Dark green.

The hexadecimal color #45a922 has RGB values of R:69, G:169, B:34 and CMYK values of C:0.59, M:0, Y:0.8, K:0.34. Its decimal value is 4565282.

Hex triplet	45a922	`#45a922`
RGB Decimal	69, 169, 34	`rgb(69,169,34)`
RGB Percent	27.1, 66.3, 13.3	`rgb(27.1%,66.3%,13.3%)`
CMYK	59, 0, 80, 34
HSL	104.4°, 66.5, 39.8	`hsl(104.4,66.5%,39.8%)`
HSV (or HSB)	104.4°, 79.9, 66.3
Web Safe	339933	`#339933`

CIE-LAB	61.442, -52.477, 55.903
XYZ	16.93, 29.755, 6.364
xyY	0.319, 0.561, 29.755
CIE-LCH	61.442, 76.675, 133.189
CIE-LUV	61.442, -45.883, 69.375
Hunter-Lab	54.548, -40.059, 31.266
Binary	01000101, 10101001, 00100010

#45a922
```
#45a922 rgb(69,169,34)
```
#8622a9
```
#8622a9 rgb(134,34,169)
```

Complementary Color

#89a922
```
#89a922 rgb(137,169,34)
```
#45a922
```
#45a922 rgb(69,169,34)
```
#22a943
```
#22a943 rgb(34,169,67)
```

Analogous Color

#a92289
```
#a92289 rgb(169,34,137)
```
#45a922
```
#45a922 rgb(69,169,34)
```
#4322a9
```
#4322a9 rgb(67,34,169)
```

Split Complementary Color

#a92245
```
#a92245 rgb(169,34,69)
```
#45a922
```
#45a922 rgb(69,169,34)
```
#2245a9
```
#2245a9 rgb(34,69,169)
```

Triadic Color

#a98622
```
#a98622 rgb(169,134,34)
```
#45a922
```
#45a922 rgb(69,169,34)
```
#2245a9
```
#2245a9 rgb(34,69,169)
```
#8622a9
```
#8622a9 rgb(134,34,169)
```

Tetradic Color

#2b6915
```
#2b6915 rgb(43,105,21)
```
#347f19
```
#347f19 rgb(52,127,25)
```
#3c941e
```
#3c941e rgb(60,148,30)
```
#45a922
```
#45a922 rgb(69,169,34)
```
#4ebe26
```
#4ebe26 rgb(78,190,38)
```
#56d32b
```
#56d32b rgb(86,211,43)
```
#67d83f
```
#67d83f rgb(103,216,63)
```

Monochromatic Color

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

#67a922
```
#67a922 rgb(103,169,34)
```
#5ca922
```
#5ca922 rgb(92,169,34)
```
#50a922
```
#50a922 rgb(80,169,34)
```
#45a922
```
#45a922 rgb(69,169,34)
```
#3aa922
```
#3aa922 rgb(58,169,34)
```
#2fa922
```
#2fa922 rgb(47,169,34)
```
#23a922
```
#23a922 rgb(35,169,34)
```

Similar Colors

Text with hexadecimal color #45a922

This text has a font color of #45a922.

<span style="color:#45a922;">Text here</span>

#45a922 background color

This paragraph has a background color of #45a922.

<p style="background-color:#45a922;">Content here</p>

#45a922 border color

This element has a border color of #45a922.

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

CSS codes

.text {color:#45a922;}

.background {background-color:#45a922;}

.border {border:1px solid #45a922;}

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

#020601
```
#020601 rgb(2,6,1)
```
#091604
```
#091604 rgb(9,22,4)
```
#102608
```
#102608 rgb(16,38,8)
```
#16370b
```
#16370b rgb(22,55,11)
```
#1d470e
```
#1d470e rgb(29,71,14)
```
#245712
```
#245712 rgb(36,87,18)
```
#2a6815
```
#2a6815 rgb(42,104,21)
```
#317818
```
#317818 rgb(49,120,24)
```
#38881b
```
#38881b rgb(56,136,27)
```
#3e991f
```
#3e991f rgb(62,153,31)
```
#45a922
```
#45a922 rgb(69,169,34)
```
#4cb925
```
#4cb925 rgb(76,185,37)
```
#52ca29
```
#52ca29 rgb(82,202,41)
```

Shade Color Variation

#5bd530
```
#5bd530 rgb(91,213,48)
```
#68d941
```
#68d941 rgb(104,217,65)
```
#75dc51
```
#75dc51 rgb(117,220,81)
```
#82df61
```
#82df61 rgb(130,223,97)
```
#8fe372
```
#8fe372 rgb(143,227,114)
```
#9ce682
```
#9ce682 rgb(156,230,130)
```
#a9e992
```
#a9e992 rgb(169,233,146)
```
#b6eca3
```
#b6eca3 rgb(182,236,163)
```
#c3f0b3
```
#c3f0b3 rgb(195,240,179)
```
#d0f3c3
```
#d0f3c3 rgb(208,243,195)
```
#ddf6d4
```
#ddf6d4 rgb(221,246,212)
```
#eafae4
```
#eafae4 rgb(234,250,228)
```
#f7fdf4
```
#f7fdf4 rgb(247,253,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636b60 is the less saturated color, while #36c803 is the most saturated one.

#636b60
```
#636b60 rgb(99,107,96)
```
#5f7259
```
#5f7259 rgb(95,114,89)
```
#5c7a51
```
#5c7a51 rgb(92,122,81)
```
#588249
```
#588249 rgb(88,130,73)
```
#548a41
```
#548a41 rgb(84,138,65)
```
#509239
```
#509239 rgb(80,146,57)
```
#4d9932
```
#4d9932 rgb(77,153,50)
```
#49a12a
```
#49a12a rgb(73,161,42)
```
#45a922
```
#45a922 rgb(69,169,34)
```
#41b11a
```
#41b11a rgb(65,177,26)
```
#3db912
```
#3db912 rgb(61,185,18)
```
#3ac00b
```
#3ac00b rgb(58,192,11)
```
#36c803
```
#36c803 rgb(54,200,3)
```

Tone Color Variation

Below, you can see how #45a922 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

#7c7c7c Achromatopsia 0.005% of the population
#71856a Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9a28 Protanopia 1% of men
#be923c Deuteranopia 1% of men
#6ba2ae Tritanopia 0.001% of the population

Trichromacy

#869f26 Protanomaly 1% of men, 0.01% of women
#929a32 Deuteranomaly 6% of men, 0.4% of women
#5da47b Tritanomaly 0.01% of the population

#45a922 hex color

#45a922 Color Information

#45a922 Color Conversion

Color Schemes with #45a922

Alternatives to #45a922

#45a922 Preview

Shades and Tints of #45a922

Tones of #45a922

Color Blindness Simulator