#45bb5a hex color

In a RGB color space, hex #45bb5a is composed of 27.1% red, 73.3% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 0% magenta, 51.9% yellow and 26.7% black. It has a hue angle of 130.7 degrees, a saturation of 46.5% and a lightness of 50.2%. #45bb5a color hex could be obtained by blending #8affb4 with #007700. 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

● #45bb5a color description : Moderate lime green.

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

Hex triplet	45bb5a	`#45bb5a`
RGB Decimal	69, 187, 90	`rgb(69,187,90)`
RGB Percent	27.1, 73.3, 35.3	`rgb(27.1%,73.3%,35.3%)`
CMYK	63, 0, 52, 27
HSL	130.7°, 46.5, 50.2	`hsl(130.7,46.5%,50.2%)`
HSV (or HSB)	130.7°, 63.1, 73.3
Web Safe	33cc66	`#33cc66`

CIE-LAB	67.682, -53.383, 39.279
XYZ	22.069, 37.542, 15.756
xyY	0.293, 0.498, 37.542
CIE-LCH	67.682, 66.276, 143.654
CIE-LUV	67.682, -51.267, 57.972
Hunter-Lab	61.272, -42.933, 27.644
Binary	01000101, 10111011, 01011010

#45bb5a
```
#45bb5a rgb(69,187,90)
```
#bb45a6
```
#bb45a6 rgb(187,69,166)
```

Complementary Color

#6bbb45
```
#6bbb45 rgb(107,187,69)
```
#45bb5a
```
#45bb5a rgb(69,187,90)
```
#45bb95
```
#45bb95 rgb(69,187,149)
```

Analogous Color

#bb456b
```
#bb456b rgb(187,69,107)
```
#45bb5a
```
#45bb5a rgb(69,187,90)
```
#9545bb
```
#9545bb rgb(149,69,187)
```

Split Complementary Color

#bb5a45
```
#bb5a45 rgb(187,90,69)
```
#45bb5a
```
#45bb5a rgb(69,187,90)
```
#5a45bb
```
#5a45bb rgb(90,69,187)
```

Triadic Color

#a6bb45
```
#a6bb45 rgb(166,187,69)
```
#45bb5a
```
#45bb5a rgb(69,187,90)
```
#5a45bb
```
#5a45bb rgb(90,69,187)
```
#bb45a6
```
#bb45a6 rgb(187,69,166)
```

Tetradic Color

#30833f
```
#30833f rgb(48,131,63)
```
#379648
```
#379648 rgb(55,150,72)
```
#3ea951
```
#3ea951 rgb(62,169,81)
```
#45bb5a
```
#45bb5a rgb(69,187,90)
```
#58c26b
```
#58c26b rgb(88,194,107)
```
#6ac97b
```
#6ac97b rgb(106,201,123)
```
#7dcf8c
```
#7dcf8c rgb(125,207,140)
```

Monochromatic Color

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

#4dbb45
```
#4dbb45 rgb(77,187,69)
```
#45bb46
```
#45bb46 rgb(69,187,70)
```
#45bb50
```
#45bb50 rgb(69,187,80)
```
#45bb5a
```
#45bb5a rgb(69,187,90)
```
#45bb64
```
#45bb64 rgb(69,187,100)
```
#45bb6e
```
#45bb6e rgb(69,187,110)
```
#45bb78
```
#45bb78 rgb(69,187,120)
```

Similar Colors

Text with hexadecimal color #45bb5a

This text has a font color of #45bb5a.

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

#45bb5a background color

This paragraph has a background color of #45bb5a.

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

#45bb5a border color

This element has a border color of #45bb5a.

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

CSS codes

.text {color:#45bb5a;}

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

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

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 #f1faf3 is the lightest one.

#000100
```
#000100 rgb(0,1,0)
```
#060f07
```
#060f07 rgb(6,15,7)
```
#0b1d0e
```
#0b1d0e rgb(11,29,14)
```
#102c15
```
#102c15 rgb(16,44,21)
```
#153a1c
```
#153a1c rgb(21,58,28)
```
#1b4923
```
#1b4923 rgb(27,73,35)
```
#20572a
```
#20572a rgb(32,87,42)
```
#256530
```
#256530 rgb(37,101,48)
```
#2a7437
```
#2a7437 rgb(42,116,55)
```
#30823e
```
#30823e rgb(48,130,62)
```
#359045
```
#359045 rgb(53,144,69)
```
#3a9f4c
```
#3a9f4c rgb(58,159,76)
```
#3fad53
```
#3fad53 rgb(63,173,83)
```

Shade Color Variation

#45bb5a
```
#45bb5a rgb(69,187,90)
```
#53c067
```
#53c067 rgb(83,192,103)
```
#62c673
```
#62c673 rgb(98,198,115)
```
#70cb80
```
#70cb80 rgb(112,203,128)
```
#7ed08d
```
#7ed08d rgb(126,208,141)
```
#8dd59a
```
#8dd59a rgb(141,213,154)
```
#9bdba6
```
#9bdba6 rgb(155,219,166)
```
#aae0b3
```
#aae0b3 rgb(170,224,179)
```
#b8e5c0
```
#b8e5c0 rgb(184,229,192)
```
#c6eacd
```
#c6eacd rgb(198,234,205)
```
#d5f0d9
```
#d5f0d9 rgb(213,240,217)
```
#e3f5e6
```
#e3f5e6 rgb(227,245,230)
```
#f1faf3
```
#f1faf3 rgb(241,250,243)
```

Tint Color Variation

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

#808080
```
#808080 rgb(128,128,128)
```
#768a79
```
#768a79 rgb(118,138,121)
```
#6c9473
```
#6c9473 rgb(108,148,115)
```
#629e6d
```
#629e6d rgb(98,158,109)
```
#59a767
```
#59a767 rgb(89,167,103)
```
#4fb160
```
#4fb160 rgb(79,177,96)
```
#45bb5a
```
#45bb5a rgb(69,187,90)
```
#3bc554
```
#3bc554 rgb(59,197,84)
```
#31cf4d
```
#31cf4d rgb(49,207,77)
```
#28d847
```
#28d847 rgb(40,216,71)
```
#1ee241
```
#1ee241 rgb(30,226,65)
```
#14ec3b
```
#14ec3b rgb(20,236,59)
```
#0af634
```
#0af634 rgb(10,246,52)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7f9683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa95b Protanopia 1% of men
#cba26c Deuteranopia 1% of men
#6db4c1 Tritanopia 0.001% of the population

Trichromacy

#8faf5b Protanomaly 1% of men, 0.01% of women
#9aab65 Deuteranomaly 6% of men, 0.4% of women
#5eb69b Tritanomaly 0.01% of the population

#45bb5a hex color

#45bb5a Color Information

#45bb5a Color Conversion

Color Schemes with #45bb5a

Alternatives to #45bb5a

#45bb5a Preview

Shades and Tints of #45bb5a

Tones of #45bb5a

Color Blindness Simulator