#45a550 hex color

In a RGB color space, hex #45a550 is composed of 27.1% red, 64.7% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 0% magenta, 51.5% yellow and 35.3% black. It has a hue angle of 126.9 degrees, a saturation of 41% and a lightness of 45.9%. #45a550 color hex could be obtained by blending #8affa0 with #004b00. Closest websafe color is: #339966.

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

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

The hexadecimal color #45a550 has RGB values of R:69, G:165, B:80 and CMYK values of C:0.58, M:0, Y:0.52, K:0.35. Its decimal value is 4564304.

Hex triplet	45a550	`#45a550`
RGB Decimal	69, 165, 80	`rgb(69,165,80)`
RGB Percent	27.1, 64.7, 31.4	`rgb(27.1%,64.7%,31.4%)`
CMYK	58, 0, 52, 35
HSL	126.9°, 41, 45.9	`hsl(126.9,41%,45.9%)`
HSV (or HSB)	126.9°, 58.2, 64.7
Web Safe	339966	`#339966`

CIE-LAB	60.563, -46.346, 35.523
XYZ	17.356, 28.753, 12.224
xyY	0.298, 0.493, 28.753
CIE-LCH	60.563, 58.394, 142.531
CIE-LUV	60.563, -43.138, 51.073
Hunter-Lab	53.622, -36.062, 24.019
Binary	01000101, 10100101, 01010000

#45a550
```
#45a550 rgb(69,165,80)
```
#a5459a
```
#a5459a rgb(165,69,154)
```

Complementary Color

#6aa545
```
#6aa545 rgb(106,165,69)
```
#45a550
```
#45a550 rgb(69,165,80)
```
#45a580
```
#45a580 rgb(69,165,128)
```

Analogous Color

#a5456a
```
#a5456a rgb(165,69,106)
```
#45a550
```
#45a550 rgb(69,165,80)
```
#8045a5
```
#8045a5 rgb(128,69,165)
```

Split Complementary Color

#a55045
```
#a55045 rgb(165,80,69)
```
#45a550
```
#45a550 rgb(69,165,80)
```
#5045a5
```
#5045a5 rgb(80,69,165)
```

Triadic Color

#9aa545
```
#9aa545 rgb(154,165,69)
```
#45a550
```
#45a550 rgb(69,165,80)
```
#5045a5
```
#5045a5 rgb(80,69,165)
```
#a5459a
```
#a5459a rgb(165,69,154)
```

Tetradic Color

#2e6f36
```
#2e6f36 rgb(46,111,54)
```
#36813f
```
#36813f rgb(54,129,63)
```
#3d9347
```
#3d9347 rgb(61,147,71)
```
#45a550
```
#45a550 rgb(69,165,80)
```
#4eb55a
```
#4eb55a rgb(78,181,90)
```
#60bd6b
```
#60bd6b rgb(96,189,107)
```
#72c47c
```
#72c47c rgb(114,196,124)
```

Monochromatic Color

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

#52a545
```
#52a545 rgb(82,165,69)
```
#4aa545
```
#4aa545 rgb(74,165,69)
```
#45a548
```
#45a548 rgb(69,165,72)
```
#45a550
```
#45a550 rgb(69,165,80)
```
#45a558
```
#45a558 rgb(69,165,88)
```
#45a560
```
#45a560 rgb(69,165,96)
```
#45a568
```
#45a568 rgb(69,165,104)
```

Similar Colors

Text with hexadecimal color #45a550

This text has a font color of #45a550.

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

#45a550 background color

This paragraph has a background color of #45a550.

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

#45a550 border color

This element has a border color of #45a550.

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

CSS codes

.text {color:#45a550;}

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

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

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, #050d06 is the darkest color, while #fefffe is the lightest one.

#050d06
```
#050d06 rgb(5,13,6)
```
#0b1b0d
```
#0b1b0d rgb(11,27,13)
```
#112914
```
#112914 rgb(17,41,20)
```
#17361a
```
#17361a rgb(23,54,26)
```
#1d4421
```
#1d4421 rgb(29,68,33)
```
#225228
```
#225228 rgb(34,82,40)
```
#28602e
```
#28602e rgb(40,96,46)
```
#2e6e35
```
#2e6e35 rgb(46,110,53)
```
#347c3c
```
#347c3c rgb(52,124,60)
```
#398943
```
#398943 rgb(57,137,67)
```
#3f9749
```
#3f9749 rgb(63,151,73)
```
#45a550
```
#45a550 rgb(69,165,80)
```
#4bb357
```
#4bb357 rgb(75,179,87)
```

Shade Color Variation

#58b963
```
#58b963 rgb(88,185,99)
```
#66bf70
```
#66bf70 rgb(102,191,112)
```
#74c57d
```
#74c57d rgb(116,197,125)
```
#82cb8a
```
#82cb8a rgb(130,203,138)
```
#8fd097
```
#8fd097 rgb(143,208,151)
```
#9dd6a4
```
#9dd6a4 rgb(157,214,164)
```
#abdcb1
```
#abdcb1 rgb(171,220,177)
```
#b9e2be
```
#b9e2be rgb(185,226,190)
```
#c7e7ca
```
#c7e7ca rgb(199,231,202)
```
#d5edd7
```
#d5edd7 rgb(213,237,215)
```
#e2f3e4
```
#e2f3e4 rgb(226,243,228)
```
#f0f9f1
```
#f0f9f1 rgb(240,249,241)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727873 is the less saturated color, while #06e41f is the most saturated one.

#727873
```
#727873 rgb(114,120,115)
```
#69816c
```
#69816c rgb(105,129,108)
```
#608a65
```
#608a65 rgb(96,138,101)
```
#57935e
```
#57935e rgb(87,147,94)
```
#4e9c57
```
#4e9c57 rgb(78,156,87)
```
#45a550
```
#45a550 rgb(69,165,80)
```
#3cae49
```
#3cae49 rgb(60,174,73)
```
#33b742
```
#33b742 rgb(51,183,66)
```
#2ac03b
```
#2ac03b rgb(42,192,59)
```
#21c934
```
#21c934 rgb(33,201,52)
```
#18d22d
```
#18d22d rgb(24,210,45)
```
#0fdb26
```
#0fdb26 rgb(15,219,38)
```
#06e41f
```
#06e41f rgb(6,228,31)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#738776 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69753 Protanopia 1% of men
#b59161 Deuteranopia 1% of men
#67a0ac Tritanopia 0.001% of the population

Trichromacy

#839c51 Protanomaly 1% of men, 0.01% of women
#8c985b Deuteranomaly 6% of men, 0.4% of women
#5aa28a Tritanomaly 0.01% of the population

#45a550 hex color

#45a550 Color Information

#45a550 Color Conversion

Color Schemes with #45a550

Alternatives to #45a550

#45a550 Preview

Shades and Tints of #45a550

Tones of #45a550

Color Blindness Simulator