#45ba5a hex color

In a RGB color space, hex #45ba5a is composed of 27.1% red, 72.9% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 0% magenta, 51.6% yellow and 27.1% black. It has a hue angle of 130.8 degrees, a saturation of 45.9% and a lightness of 50%. #45ba5a color hex could be obtained by blending #8affb4 with #007500. Closest websafe color is: #33cc66.

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

● #45ba5a color description : Moderate lime green.

The hexadecimal color #45ba5a has RGB values of R:69, G:186, B:90 and CMYK values of C:0.63, M:0, Y:0.52, K:0.27. Its decimal value is 4569690.

Hex triplet	45ba5a	`#45ba5a`
RGB Decimal	69, 186, 90	`rgb(69,186,90)`
RGB Percent	27.1, 72.9, 35.3	`rgb(27.1%,72.9%,35.3%)`
CMYK	63, 0, 52, 27
HSL	130.8°, 45.9, 50	`hsl(130.8,45.9%,50%)`
HSV (or HSB)	130.8°, 62.9, 72.9
Web Safe	33cc66	`#33cc66`

CIE-LAB	67.366, -53.008, 38.892
XYZ	21.857, 37.119, 15.685
xyY	0.293, 0.497, 37.119
CIE-LCH	67.366, 65.745, 143.732
CIE-LUV	67.366, -50.891, 57.434
Hunter-Lab	60.926, -42.582, 27.384
Binary	01000101, 10111010, 01011010

#45ba5a
```
#45ba5a rgb(69,186,90)
```
#ba45a5
```
#ba45a5 rgb(186,69,165)
```

Complementary Color

#6bba45
```
#6bba45 rgb(107,186,69)
```
#45ba5a
```
#45ba5a rgb(69,186,90)
```
#45ba95
```
#45ba95 rgb(69,186,149)
```

Analogous Color

#ba456b
```
#ba456b rgb(186,69,107)
```
#45ba5a
```
#45ba5a rgb(69,186,90)
```
#9545ba
```
#9545ba rgb(149,69,186)
```

Split Complementary Color

#ba5a45
```
#ba5a45 rgb(186,90,69)
```
#45ba5a
```
#45ba5a rgb(69,186,90)
```
#5a45ba
```
#5a45ba rgb(90,69,186)
```

Triadic Color

#a5ba45
```
#a5ba45 rgb(165,186,69)
```
#45ba5a
```
#45ba5a rgb(69,186,90)
```
#5a45ba
```
#5a45ba rgb(90,69,186)
```
#ba45a5
```
#ba45a5 rgb(186,69,165)
```

Tetradic Color

#30823f
```
#30823f rgb(48,130,63)
```
#379548
```
#379548 rgb(55,149,72)
```
#3ea751
```
#3ea751 rgb(62,167,81)
```
#45ba5a
```
#45ba5a rgb(69,186,90)
```
#58c16b
```
#58c16b rgb(88,193,107)
```
#6ac87b
```
#6ac87b rgb(106,200,123)
```
#7dcf8c
```
#7dcf8c rgb(125,207,140)
```

Monochromatic Color

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

#4dba45
```
#4dba45 rgb(77,186,69)
```
#45ba47
```
#45ba47 rgb(69,186,71)
```
#45ba50
```
#45ba50 rgb(69,186,80)
```
#45ba5a
```
#45ba5a rgb(69,186,90)
```
#45ba64
```
#45ba64 rgb(69,186,100)
```
#45ba6e
```
#45ba6e rgb(69,186,110)
```
#45ba77
```
#45ba77 rgb(69,186,119)
```

Similar Colors

Text with hexadecimal color #45ba5a

This text has a font color of #45ba5a.

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

#45ba5a background color

This paragraph has a background color of #45ba5a.

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

#45ba5a border color

This element has a border color of #45ba5a.

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

CSS codes

.text {color:#45ba5a;}

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

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

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

#050e07
```
#050e07 rgb(5,14,7)
```
#0b1d0e
```
#0b1d0e rgb(11,29,14)
```
#102b15
```
#102b15 rgb(16,43,21)
```
#15391c
```
#15391c rgb(21,57,28)
```
#1b4823
```
#1b4823 rgb(27,72,35)
```
#20562a
```
#20562a rgb(32,86,42)
```
#256430
```
#256430 rgb(37,100,48)
```
#2a7237
```
#2a7237 rgb(42,114,55)
```
#30813e
```
#30813e rgb(48,129,62)
```
#358f45
```
#358f45 rgb(53,143,69)
```
#3a9d4c
```
#3a9d4c rgb(58,157,76)
```
#40ac53
```
#40ac53 rgb(64,172,83)
```
#45ba5a
```
#45ba5a rgb(69,186,90)
```

Shade Color Variation

#53bf67
```
#53bf67 rgb(83,191,103)
```
#62c573
```
#62c573 rgb(98,197,115)
```
#70ca80
```
#70ca80 rgb(112,202,128)
```
#7ecf8d
```
#7ecf8d rgb(126,207,141)
```
#8dd599
```
#8dd599 rgb(141,213,153)
```
#9bdaa6
```
#9bdaa6 rgb(155,218,166)
```
#a9dfb3
```
#a9dfb3 rgb(169,223,179)
```
#b7e4c0
```
#b7e4c0 rgb(183,228,192)
```
#c6eacc
```
#c6eacc rgb(198,234,204)
```
#d4efd9
```
#d4efd9 rgb(212,239,217)
```
#e2f4e6
```
#e2f4e6 rgb(226,244,230)
```
#f1faf2
```
#f1faf2 rgb(241,250,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#768979
```
#768979 rgb(118,137,121)
```
#6c9373
```
#6c9373 rgb(108,147,115)
```
#629d6d
```
#629d6d rgb(98,157,109)
```
#59a667
```
#59a667 rgb(89,166,103)
```
#4fb060
```
#4fb060 rgb(79,176,96)
```
#45ba5a
```
#45ba5a rgb(69,186,90)
```
#3bc454
```
#3bc454 rgb(59,196,84)
```
#31ce4d
```
#31ce4d rgb(49,206,77)
```
#28d747
```
#28d747 rgb(40,215,71)
```
#1ee141
```
#1ee141 rgb(30,225,65)
```
#14eb3b
```
#14eb3b rgb(20,235,59)
```
#0af534
```
#0af534 rgb(10,245,52)
```
#00ff2e
```
#00ff2e rgb(0,255,46)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7e9582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a85b Protanopia 1% of men
#caa16c Deuteranopia 1% of men
#6db3c0 Tritanopia 0.001% of the population

Trichromacy

#8faf5b Protanomaly 1% of men, 0.01% of women
#99aa65 Deuteranomaly 6% of men, 0.4% of women
#5eb59b Tritanomaly 0.01% of the population

#45ba5a hex color

#45ba5a Color Information

#45ba5a Color Conversion

Color Schemes with #45ba5a

Alternatives to #45ba5a

#45ba5a Preview

Shades and Tints of #45ba5a

Tones of #45ba5a

Color Blindness Simulator