#45bb78 hex color

In a RGB color space, hex #45bb78 is composed of 27.1% red, 73.3% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 0% magenta, 35.8% yellow and 26.7% black. It has a hue angle of 145.9 degrees, a saturation of 46.5% and a lightness of 50.2%. #45bb78 color hex could be obtained by blending #8afff0 with #007700. Closest websafe color is: #33cc66.

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

● #45bb78 color description : Moderate cyan - lime green.

The hexadecimal color #45bb78 has RGB values of R:69, G:187, B:120 and CMYK values of C:0.63, M:0, Y:0.36, K:0.27. Its decimal value is 4569976.

Hex triplet	45bb78	`#45bb78`
RGB Decimal	69, 187, 120	`rgb(69,187,120)`
RGB Percent	27.1, 73.3, 47.1	`rgb(27.1%,73.3%,47.1%)`
CMYK	63, 0, 36, 27
HSL	145.9°, 46.5, 50.2	`hsl(145.9,46.5%,50.2%)`
HSV (or HSB)	145.9°, 63.1, 73.3
Web Safe	33cc66	`#33cc66`

CIE-LAB	68.138, -48.343, 24.439
XYZ	23.613, 38.16, 23.889
xyY	0.276, 0.445, 38.16
CIE-LCH	68.138, 54.169, 153.182
CIE-LUV	68.138, -49.938, 40.783
Hunter-Lab	61.774, -39.872, 20.313
Binary	01000101, 10111011, 01111000

#45bb78
```
#45bb78 rgb(69,187,120)
```
#bb4588
```
#bb4588 rgb(187,69,136)
```

Complementary Color

#4dbb45
```
#4dbb45 rgb(77,187,69)
```
#45bb78
```
#45bb78 rgb(69,187,120)
```
#45bbb3
```
#45bbb3 rgb(69,187,179)
```

Analogous Color

#bb454d
```
#bb454d rgb(187,69,77)
```
#45bb78
```
#45bb78 rgb(69,187,120)
```
#b345bb
```
#b345bb rgb(179,69,187)
```

Split Complementary Color

#bb7845
```
#bb7845 rgb(187,120,69)
```
#45bb78
```
#45bb78 rgb(69,187,120)
```
#7845bb
```
#7845bb rgb(120,69,187)
```

Triadic Color

#88bb45
```
#88bb45 rgb(136,187,69)
```
#45bb78
```
#45bb78 rgb(69,187,120)
```
#7845bb
```
#7845bb rgb(120,69,187)
```
#bb4588
```
#bb4588 rgb(187,69,136)
```

Tetradic Color

#308354
```
#308354 rgb(48,131,84)
```
#379660
```
#379660 rgb(55,150,96)
```
#3ea96c
```
#3ea96c rgb(62,169,108)
```
#45bb78
```
#45bb78 rgb(69,187,120)
```
#58c286
```
#58c286 rgb(88,194,134)
```
#6ac993
```
#6ac993 rgb(106,201,147)
```
#7dcfa1
```
#7dcfa1 rgb(125,207,161)
```

Monochromatic Color

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

#45bb5b
```
#45bb5b rgb(69,187,91)
```
#45bb64
```
#45bb64 rgb(69,187,100)
```
#45bb6e
```
#45bb6e rgb(69,187,110)
```
#45bb78
```
#45bb78 rgb(69,187,120)
```
#45bb82
```
#45bb82 rgb(69,187,130)
```
#45bb8c
```
#45bb8c rgb(69,187,140)
```
#45bb96
```
#45bb96 rgb(69,187,150)
```

Similar Colors

Text with hexadecimal color #45bb78

This text has a font color of #45bb78.

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

#45bb78 background color

This paragraph has a background color of #45bb78.

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

#45bb78 border color

This element has a border color of #45bb78.

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

CSS codes

.text {color:#45bb78;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#060f0a
```
#060f0a rgb(6,15,10)
```
#0b1d13
```
#0b1d13 rgb(11,29,19)
```
#102c1c
```
#102c1c rgb(16,44,28)
```
#153a25
```
#153a25 rgb(21,58,37)
```
#1b492e
```
#1b492e rgb(27,73,46)
```
#205738
```
#205738 rgb(32,87,56)
```
#256541
```
#256541 rgb(37,101,65)
```
#2a744a
```
#2a744a rgb(42,116,74)
```
#308253
```
#308253 rgb(48,130,83)
```
#35905c
```
#35905c rgb(53,144,92)
```
#3a9f66
```
#3a9f66 rgb(58,159,102)
```
#3fad6f
```
#3fad6f rgb(63,173,111)
```

Shade Color Variation

#45bb78
```
#45bb78 rgb(69,187,120)
```
#53c082
```
#53c082 rgb(83,192,130)
```
#62c68d
```
#62c68d rgb(98,198,141)
```
#70cb97
```
#70cb97 rgb(112,203,151)
```
#7ed0a2
```
#7ed0a2 rgb(126,208,162)
```
#8dd5ac
```
#8dd5ac rgb(141,213,172)
```
#9bdbb7
```
#9bdbb7 rgb(155,219,183)
```
#aae0c1
```
#aae0c1 rgb(170,224,193)
```
#b8e5cb
```
#b8e5cb rgb(184,229,203)
```
#c6ead6
```
#c6ead6 rgb(198,234,214)
```
#d5f0e0
```
#d5f0e0 rgb(213,240,224)
```
#e3f5eb
```
#e3f5eb rgb(227,245,235)
```
#f1faf5
```
#f1faf5 rgb(241,250,245)
```

Tint Color Variation

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

#808080
```
#808080 rgb(128,128,128)
```
#768a7f
```
#768a7f rgb(118,138,127)
```
#6c947d
```
#6c947d rgb(108,148,125)
```
#629e7c
```
#629e7c rgb(98,158,124)
```
#59a77b
```
#59a77b rgb(89,167,123)
```
#4fb179
```
#4fb179 rgb(79,177,121)
```
#45bb78
```
#45bb78 rgb(69,187,120)
```
#3bc577
```
#3bc577 rgb(59,197,119)
```
#31cf75
```
#31cf75 rgb(49,207,117)
```
#28d874
```
#28d874 rgb(40,216,116)
```
#1ee273
```
#1ee273 rgb(30,226,115)
```
#14ec71
```
#14ec71 rgb(20,236,113)
```
#0af670
```
#0af670 rgb(10,246,112)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#81998b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8aa77 Protanopia 1% of men
#c6a488 Deuteranopia 1% of men
#69b5c3 Tritanopia 0.001% of the population

Trichromacy

#8eb077 Protanomaly 1% of men, 0.01% of women
#97ac82 Deuteranomaly 6% of men, 0.4% of women
#5bb7a7 Tritanomaly 0.01% of the population

#45bb78 hex color

#45bb78 Color Information

#45bb78 Color Conversion

Color Schemes with #45bb78

Alternatives to #45bb78

#45bb78 Preview

Shades and Tints of #45bb78

Tones of #45bb78

Color Blindness Simulator