#45a520 hex color

In a RGB color space, hex #45a520 is composed of 27.1% red, 64.7% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 0% magenta, 80.6% yellow and 35.3% black. It has a hue angle of 103.3 degrees, a saturation of 67.5% and a lightness of 38.6%. #45a520 color hex could be obtained by blending #8aff40 with #004b00. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 27
- G 65
- B 13
RGB color chart
- C 58
- M 0
- Y 81
- K 35
CMYK color chart

● #45a520 color description : Dark green.

The hexadecimal color #45a520 has RGB values of R:69, G:165, B:32 and CMYK values of C:0.58, M:0, Y:0.81, K:0.35. Its decimal value is 4564256.

Hex triplet	45a520	`#45a520`
RGB Decimal	69, 165, 32	`rgb(69,165,32)`
RGB Percent	27.1, 64.7, 12.5	`rgb(27.1%,64.7%,12.5%)`
CMYK	58, 0, 81, 35
HSL	103.3°, 67.5, 38.6	`hsl(103.3,67.5%,38.6%)`
HSV (or HSB)	103.3°, 80.6, 64.7
Web Safe	339933	`#339933`

CIE-LAB	60.14, -51.14, 55.283
XYZ	16.169, 28.278, 5.973
xyY	0.321, 0.561, 28.278
CIE-LCH	60.14, 75.309, 132.77
CIE-LUV	60.14, -44.332, 68.044
Hunter-Lab	53.178, -38.785, 30.565
Binary	01000101, 10100101, 00100000

#45a520
```
#45a520 rgb(69,165,32)
```
#8020a5
```
#8020a5 rgb(128,32,165)
```

Complementary Color

#88a520
```
#88a520 rgb(136,165,32)
```
#45a520
```
#45a520 rgb(69,165,32)
```
#20a53d
```
#20a53d rgb(32,165,61)
```

Analogous Color

#a52088
```
#a52088 rgb(165,32,136)
```
#45a520
```
#45a520 rgb(69,165,32)
```
#3d20a5
```
#3d20a5 rgb(61,32,165)
```

Split Complementary Color

#a52045
```
#a52045 rgb(165,32,69)
```
#45a520
```
#45a520 rgb(69,165,32)
```
#2045a5
```
#2045a5 rgb(32,69,165)
```

Triadic Color

#a58020
```
#a58020 rgb(165,128,32)
```
#45a520
```
#45a520 rgb(69,165,32)
```
#2045a5
```
#2045a5 rgb(32,69,165)
```
#8020a5
```
#8020a5 rgb(128,32,165)
```

Tetradic Color

#2a6514
```
#2a6514 rgb(42,101,20)
```
#337a18
```
#337a18 rgb(51,122,24)
```
#3c901c
```
#3c901c rgb(60,144,28)
```
#45a520
```
#45a520 rgb(69,165,32)
```
#4eba24
```
#4eba24 rgb(78,186,36)
```
#57d028
```
#57d028 rgb(87,208,40)
```
#65d939
```
#65d939 rgb(101,217,57)
```

Monochromatic Color

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

#66a520
```
#66a520 rgb(102,165,32)
```
#5ba520
```
#5ba520 rgb(91,165,32)
```
#50a520
```
#50a520 rgb(80,165,32)
```
#45a520
```
#45a520 rgb(69,165,32)
```
#3aa520
```
#3aa520 rgb(58,165,32)
```
#2fa520
```
#2fa520 rgb(47,165,32)
```
#24a520
```
#24a520 rgb(36,165,32)
```

Similar Colors

Text with hexadecimal color #45a520

This text has a font color of #45a520.

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

#45a520 background color

This paragraph has a background color of #45a520.

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

#45a520 border color

This element has a border color of #45a520.

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

CSS codes

.text {color:#45a520;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#071103
```
#071103 rgb(7,17,3)
```
#0e2207
```
#0e2207 rgb(14,34,7)
```
#15320a
```
#15320a rgb(21,50,10)
```
#1c420d
```
#1c420d rgb(28,66,13)
```
#235310
```
#235310 rgb(35,83,16)
```
#2a6313
```
#2a6313 rgb(42,99,19)
```
#307416
```
#307416 rgb(48,116,22)
```
#37841a
```
#37841a rgb(55,132,26)
```
#3e951d
```
#3e951d rgb(62,149,29)
```
#45a520
```
#45a520 rgb(69,165,32)
```
#4cb523
```
#4cb523 rgb(76,181,35)
```
#53c626
```
#53c626 rgb(83,198,38)
```

Shade Color Variation

#5ad62a
```
#5ad62a rgb(90,214,42)
```
#67d93b
```
#67d93b rgb(103,217,59)
```
#73dc4b
```
#73dc4b rgb(115,220,75)
```
#80df5b
```
#80df5b rgb(128,223,91)
```
#8de26c
```
#8de26c rgb(141,226,108)
```
#9ae67c
```
#9ae67c rgb(154,230,124)
```
#a6e98d
```
#a6e98d rgb(166,233,141)
```
#b3ec9d
```
#b3ec9d rgb(179,236,157)
```
#c0efae
```
#c0efae rgb(192,239,174)
```
#cdf2be
```
#cdf2be rgb(205,242,190)
```
#d9f6ce
```
#d9f6ce rgb(217,246,206)
```
#e6f9df
```
#e6f9df rgb(230,249,223)
```
#f3fcef
```
#f3fcef rgb(243,252,239)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60685d is the less saturated color, while #38c302 is the most saturated one.

#60685d
```
#60685d rgb(96,104,93)
```
#5d7055
```
#5d7055 rgb(93,112,85)
```
#59784d
```
#59784d rgb(89,120,77)
```
#567f46
```
#567f46 rgb(86,127,70)
```
#52873e
```
#52873e rgb(82,135,62)
```
#4f8e37
```
#4f8e37 rgb(79,142,55)
```
#4c962f
```
#4c962f rgb(76,150,47)
```
#489d28
```
#489d28 rgb(72,157,40)
```
#45a520
```
#45a520 rgb(69,165,32)
```
#42ad18
```
#42ad18 rgb(66,173,24)
```
#3eb411
```
#3eb411 rgb(62,180,17)
```
#3bbc09
```
#3bbc09 rgb(59,188,9)
```
#38c302
```
#38c302 rgb(56,195,2)
```

Tone Color Variation

Below, you can see how #45a520 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
#6f8267 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89626 Protanopia 1% of men
#ba8f39 Deuteranopia 1% of men
#6a9eaa Tritanopia 0.001% of the population

Trichromacy

#849c24 Protanomaly 1% of men, 0.01% of women
#8f9730 Deuteranomaly 6% of men, 0.4% of women
#5da077 Tritanomaly 0.01% of the population

#45a520 hex color

#45a520 Color Information

#45a520 Color Conversion

Color Schemes with #45a520

Alternatives to #45a520

#45a520 Preview

Shades and Tints of #45a520

Tones of #45a520

Color Blindness Simulator