#45b450 hex color

In a RGB color space, hex #45b450 is composed of 27.1% red, 70.6% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 0% magenta, 55.6% yellow and 29.4% black. It has a hue angle of 125.9 degrees, a saturation of 44.6% and a lightness of 48.8%. #45b450 color hex could be obtained by blending #8affa0 with #006900. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 27
- G 71
- B 31
RGB color chart
- C 62
- M 0
- Y 56
- K 29
CMYK color chart

● #45b450 color description : Moderate lime green.

The hexadecimal color #45b450 has RGB values of R:69, G:180, B:80 and CMYK values of C:0.62, M:0, Y:0.56, K:0.29. Its decimal value is 4568144.

Hex triplet	45b450	`#45b450`
RGB Decimal	69, 180, 80	`rgb(69,180,80)`
RGB Percent	27.1, 70.6, 31.4	`rgb(27.1%,70.6%,31.4%)`
CMYK	62, 0, 56, 29
HSL	125.9°, 44.6, 48.8	`hsl(125.9,44.6%,48.8%)`
HSV (or HSB)	125.9°, 61.7, 70.6
Web Safe	33cc66	`#33cc66`

CIE-LAB	65.346, -52.136, 41.318
XYZ	20.222, 34.485, 13.18
xyY	0.298, 0.508, 34.485
CIE-LCH	65.346, 66.523, 141.603
CIE-LUV	65.346, -48.982, 59.061
Hunter-Lab	58.724, -41.299, 27.8
Binary	01000101, 10110100, 01010000

#45b450
```
#45b450 rgb(69,180,80)
```
#b445a9
```
#b445a9 rgb(180,69,169)
```

Complementary Color

#72b445
```
#72b445 rgb(114,180,69)
```
#45b450
```
#45b450 rgb(69,180,80)
```
#45b488
```
#45b488 rgb(69,180,136)
```

Analogous Color

#b44572
```
#b44572 rgb(180,69,114)
```
#45b450
```
#45b450 rgb(69,180,80)
```
#8845b4
```
#8845b4 rgb(136,69,180)
```

Split Complementary Color

#b45045
```
#b45045 rgb(180,80,69)
```
#45b450
```
#45b450 rgb(69,180,80)
```
#5045b4
```
#5045b4 rgb(80,69,180)
```

Triadic Color

#a9b445
```
#a9b445 rgb(169,180,69)
```
#45b450
```
#45b450 rgb(69,180,80)
```
#5045b4
```
#5045b4 rgb(80,69,180)
```
#b445a9
```
#b445a9 rgb(180,69,169)
```

Tetradic Color

#307d37
```
#307d37 rgb(48,125,55)
```
#378f40
```
#378f40 rgb(55,143,64)
```
#3ea248
```
#3ea248 rgb(62,162,72)
```
#45b450
```
#45b450 rgb(69,180,80)
```
#55be5f
```
#55be5f rgb(85,190,95)
```
#67c570
```
#67c570 rgb(103,197,112)
```
#7acc82
```
#7acc82 rgb(122,204,130)
```

Monochromatic Color

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

#56b445
```
#56b445 rgb(86,180,69)
```
#4db445
```
#4db445 rgb(77,180,69)
```
#45b447
```
#45b447 rgb(69,180,71)
```
#45b450
```
#45b450 rgb(69,180,80)
```
#45b459
```
#45b459 rgb(69,180,89)
```
#45b463
```
#45b463 rgb(69,180,99)
```
#45b46c
```
#45b46c rgb(69,180,108)
```

Similar Colors

Text with hexadecimal color #45b450

This text has a font color of #45b450.

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

#45b450 background color

This paragraph has a background color of #45b450.

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

#45b450 border color

This element has a border color of #45b450.

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

CSS codes

.text {color:#45b450;}

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

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

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, #040a04 is the darkest color, while #fbfdfb is the lightest one.

#040a04
```
#040a04 rgb(4,10,4)
```
#09180b
```
#09180b rgb(9,24,11)
```
#0f2611
```
#0f2611 rgb(15,38,17)
```
#143417
```
#143417 rgb(20,52,23)
```
#1a431e
```
#1a431e rgb(26,67,30)
```
#1f5124
```
#1f5124 rgb(31,81,36)
```
#245f2a
```
#245f2a rgb(36,95,42)
```
#2a6d30
```
#2a6d30 rgb(42,109,48)
```
#2f7b37
```
#2f7b37 rgb(47,123,55)
```
#35893d
```
#35893d rgb(53,137,61)
```
#3a9843
```
#3a9843 rgb(58,152,67)
```
#40a64a
```
#40a64a rgb(64,166,74)
```
#45b450
```
#45b450 rgb(69,180,80)
```

Shade Color Variation

#51bc5b
```
#51bc5b rgb(81,188,91)
```
#5fc268
```
#5fc268 rgb(95,194,104)
```
#6dc776
```
#6dc776 rgb(109,199,118)
```
#7bcc83
```
#7bcc83 rgb(123,204,131)
```
#89d290
```
#89d290 rgb(137,210,144)
```
#97d79e
```
#97d79e rgb(151,215,158)
```
#a6ddab
```
#a6ddab rgb(166,221,171)
```
#b4e2b8
```
#b4e2b8 rgb(180,226,184)
```
#c2e8c6
```
#c2e8c6 rgb(194,232,198)
```
#d0edd3
```
#d0edd3 rgb(208,237,211)
```
#def2e0
```
#def2e0 rgb(222,242,224)
```
#ecf8ee
```
#ecf8ee rgb(236,248,238)
```
#fbfdfb
```
#fbfdfb rgb(251,253,251)
```

Tint Color Variation

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

#758476
```
#758476 rgb(117,132,118)
```
#6b8e6f
```
#6b8e6f rgb(107,142,111)
```
#629767
```
#629767 rgb(98,151,103)
```
#58a15f
```
#58a15f rgb(88,161,95)
```
#4faa58
```
#4faa58 rgb(79,170,88)
```
#45b450
```
#45b450 rgb(69,180,80)
```
#3bbe48
```
#3bbe48 rgb(59,190,72)
```
#32c741
```
#32c741 rgb(50,199,65)
```
#28d139
```
#28d139 rgb(40,209,57)
```
#1fda31
```
#1fda31 rgb(31,218,49)
```
#15e42a
```
#15e42a rgb(21,228,42)
```
#0ced22
```
#0ced22 rgb(12,237,34)
```
#02f71a
```
#02f71a rgb(2,247,26)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7a907c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a352 Protanopia 1% of men
#c59c63 Deuteranopia 1% of men
#6cadba Tritanopia 0.001% of the population

Trichromacy

#8ba951 Protanomaly 1% of men, 0.01% of women
#96a55c Deuteranomaly 6% of men, 0.4% of women
#5daf93 Tritanomaly 0.01% of the population

#45b450 hex color

#45b450 Color Information

#45b450 Color Conversion

Color Schemes with #45b450

Alternatives to #45b450

#45b450 Preview

Shades and Tints of #45b450

Tones of #45b450

Color Blindness Simulator