#45a340 hex color

In a RGB color space, hex #45a340 is composed of 27.1% red, 63.9% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 0% magenta, 60.7% yellow and 36.1% black. It has a hue angle of 117 degrees, a saturation of 43.6% and a lightness of 44.5%. #45a340 color hex could be obtained by blending #8aff80 with #004700. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 27
- G 64
- B 25
RGB color chart
- C 58
- M 0
- Y 61
- K 36
CMYK color chart

● #45a340 color description : Dark moderate lime green.

The hexadecimal color #45a340 has RGB values of R:69, G:163, B:64 and CMYK values of C:0.58, M:0, Y:0.61, K:0.36. Its decimal value is 4563776.

Hex triplet	45a340	`#45a340`
RGB Decimal	69, 163, 64	`rgb(69,163,64)`
RGB Percent	27.1, 63.9, 25.1	`rgb(27.1%,63.9%,25.1%)`
CMYK	58, 0, 61, 36
HSL	117°, 43.6, 44.5	`hsl(117,43.6%,44.5%)`
HSV (or HSB)	117°, 60.7, 63.9
Web Safe	339933	`#339933`

CIE-LAB	59.733, -47.649, 42.328
XYZ	16.476, 27.828, 9.353
xyY	0.307, 0.519, 27.828
CIE-LCH	59.733, 63.734, 138.384
CIE-LUV	59.733, -42.848, 57.324
Hunter-Lab	52.753, -36.567, 26.414
Binary	01000101, 10100011, 01000000

#45a340
```
#45a340 rgb(69,163,64)
```
#9e40a3
```
#9e40a3 rgb(158,64,163)
```

Complementary Color

#77a340
```
#77a340 rgb(119,163,64)
```
#45a340
```
#45a340 rgb(69,163,64)
```
#40a36d
```
#40a36d rgb(64,163,109)
```

Analogous Color

#a34077
```
#a34077 rgb(163,64,119)
```
#45a340
```
#45a340 rgb(69,163,64)
```
#6d40a3
```
#6d40a3 rgb(109,64,163)
```

Split Complementary Color

#a34045
```
#a34045 rgb(163,64,69)
```
#45a340
```
#45a340 rgb(69,163,64)
```
#4045a3
```
#4045a3 rgb(64,69,163)
```

Triadic Color

#a39e40
```
#a39e40 rgb(163,158,64)
```
#45a340
```
#45a340 rgb(69,163,64)
```
#4045a3
```
#4045a3 rgb(64,69,163)
```
#9e40a3
```
#9e40a3 rgb(158,64,163)
```

Tetradic Color

#2e6c2a
```
#2e6c2a rgb(46,108,42)
```
#357e32
```
#357e32 rgb(53,126,50)
```
#3d9139
```
#3d9139 rgb(61,145,57)
```
#45a340
```
#45a340 rgb(69,163,64)
```
#4db547
```
#4db547 rgb(77,181,71)
```
#5ebe58
```
#5ebe58 rgb(94,190,88)
```
#6fc56b
```
#6fc56b rgb(111,197,107)
```

Monochromatic Color

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

#5ea340
```
#5ea340 rgb(94,163,64)
```
#56a340
```
#56a340 rgb(86,163,64)
```
#4da340
```
#4da340 rgb(77,163,64)
```
#45a340
```
#45a340 rgb(69,163,64)
```
#40a343
```
#40a343 rgb(64,163,67)
```
#40a34c
```
#40a34c rgb(64,163,76)
```
#40a354
```
#40a354 rgb(64,163,84)
```

Similar Colors

Text with hexadecimal color #45a340

This text has a font color of #45a340.

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

#45a340 background color

This paragraph has a background color of #45a340.

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

#45a340 border color

This element has a border color of #45a340.

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

CSS codes

.text {color:#45a340;}

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

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

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

#030803
```
#030803 rgb(3,8,3)
```
#091609
```
#091609 rgb(9,22,9)
```
#0f240e
```
#0f240e rgb(15,36,14)
```
#153214
```
#153214 rgb(21,50,20)
```
#1b4019
```
#1b4019 rgb(27,64,25)
```
#214e1f
```
#214e1f rgb(33,78,31)
```
#275d24
```
#275d24 rgb(39,93,36)
```
#2d6b2a
```
#2d6b2a rgb(45,107,42)
```
#33792f
```
#33792f rgb(51,121,47)
```
#398735
```
#398735 rgb(57,135,53)
```
#3f953a
```
#3f953a rgb(63,149,58)
```
#45a340
```
#45a340 rgb(69,163,64)
```
#4bb146
```
#4bb146 rgb(75,177,70)
```

Shade Color Variation

#55ba50
```
#55ba50 rgb(85,186,80)
```
#63c05e
```
#63c05e rgb(99,192,94)
```
#71c56c
```
#71c56c rgb(113,197,108)
```
#7ecb7a
```
#7ecb7a rgb(126,203,122)
```
#8cd088
```
#8cd088 rgb(140,208,136)
```
#9ad696
```
#9ad696 rgb(154,214,150)
```
#a7dba4
```
#a7dba4 rgb(167,219,164)
```
#b5e1b3
```
#b5e1b3 rgb(181,225,179)
```
#c3e7c1
```
#c3e7c1 rgb(195,231,193)
```
#d0eccf
```
#d0eccf rgb(208,236,207)
```
#def2dd
```
#def2dd rgb(222,242,221)
```
#ecf7eb
```
#ecf7eb rgb(236,247,235)
```
#f9fdf9
```
#f9fdf9 rgb(249,253,249)
```

Tint Color Variation

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

#6c776c
```
#6c776c rgb(108,119,108)
```
#648063
```
#648063 rgb(100,128,99)
```
#5d895a
```
#5d895a rgb(93,137,90)
```
#559251
```
#559251 rgb(85,146,81)
```
#4d9a49
```
#4d9a49 rgb(77,154,73)
```
#45a340
```
#45a340 rgb(69,163,64)
```
#3dac37
```
#3dac37 rgb(61,172,55)
```
#35b42f
```
#35b42f rgb(53,180,47)
```
#2dbd26
```
#2dbd26 rgb(45,189,38)
```
#26c61d
```
#26c61d rgb(38,198,29)
```
#1ecf14
```
#1ecf14 rgb(30,207,20)
```
#16d70c
```
#16d70c rgb(22,215,12)
```
#0ee003
```
#0ee003 rgb(14,224,3)
```

Tone Color Variation

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

Dichromacy

#a59544 Protanopia 1% of men
#b58f53 Deuteranopia 1% of men
#689da9 Tritanopia 0.001% of the population

Trichromacy

#829a42 Protanomaly 1% of men, 0.01% of women
#8c964c Deuteranomaly 6% of men, 0.4% of women
#5b9f83 Tritanomaly 0.01% of the population

#45a340 hex color

#45a340 Color Information

#45a340 Color Conversion

Color Schemes with #45a340

Alternatives to #45a340

#45a340 Preview

Shades and Tints of #45a340

Tones of #45a340

Color Blindness Simulator