#45bb64 hex color

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

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

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

The hexadecimal color #45bb64 has RGB values of R:69, G:187, B:100 and CMYK values of C:0.63, M:0, Y:0.47, K:0.27. Its decimal value is 4569956.

Hex triplet	45bb64	`#45bb64`
RGB Decimal	69, 187, 100	`rgb(69,187,100)`
RGB Percent	27.1, 73.3, 39.2	`rgb(27.1%,73.3%,39.2%)`
CMYK	63, 0, 47, 27
HSL	135.8°, 46.5, 50.2	`hsl(135.8,46.5%,50.2%)`
HSV (or HSB)	135.8°, 63.1, 73.3
Web Safe	33cc66	`#33cc66`

CIE-LAB	67.817, -51.868, 34.441
XYZ	22.523, 37.724, 18.15
xyY	0.287, 0.481, 37.724
CIE-LCH	67.817, 62.261, 146.416
CIE-LUV	67.817, -50.86, 52.737
Hunter-Lab	61.42, -42.027, 25.473
Binary	01000101, 10111011, 01100100

#45bb64
```
#45bb64 rgb(69,187,100)
```
#bb459c
```
#bb459c rgb(187,69,156)
```

Complementary Color

#61bb45
```
#61bb45 rgb(97,187,69)
```
#45bb64
```
#45bb64 rgb(69,187,100)
```
#45bb9f
```
#45bb9f rgb(69,187,159)
```

Analogous Color

#bb4561
```
#bb4561 rgb(187,69,97)
```
#45bb64
```
#45bb64 rgb(69,187,100)
```
#9f45bb
```
#9f45bb rgb(159,69,187)
```

Split Complementary Color

#bb6445
```
#bb6445 rgb(187,100,69)
```
#45bb64
```
#45bb64 rgb(69,187,100)
```
#6445bb
```
#6445bb rgb(100,69,187)
```

Triadic Color

#9cbb45
```
#9cbb45 rgb(156,187,69)
```
#45bb64
```
#45bb64 rgb(69,187,100)
```
#6445bb
```
#6445bb rgb(100,69,187)
```
#bb459c
```
#bb459c rgb(187,69,156)
```

Tetradic Color

#308346
```
#308346 rgb(48,131,70)
```
#379650
```
#379650 rgb(55,150,80)
```
#3ea95a
```
#3ea95a rgb(62,169,90)
```
#45bb64
```
#45bb64 rgb(69,187,100)
```
#58c274
```
#58c274 rgb(88,194,116)
```
#6ac983
```
#6ac983 rgb(106,201,131)
```
#7dcf93
```
#7dcf93 rgb(125,207,147)
```

Monochromatic Color

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

#45bb47
```
#45bb47 rgb(69,187,71)
```
#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)
```
#45bb82
```
#45bb82 rgb(69,187,130)
```

Similar Colors

Text with hexadecimal color #45bb64

This text has a font color of #45bb64.

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

#45bb64 background color

This paragraph has a background color of #45bb64.

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

#45bb64 border color

This element has a border color of #45bb64.

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

CSS codes

.text {color:#45bb64;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#060f08
```
#060f08 rgb(6,15,8)
```
#0b1d10
```
#0b1d10 rgb(11,29,16)
```
#102c17
```
#102c17 rgb(16,44,23)
```
#153a1f
```
#153a1f rgb(21,58,31)
```
#1b4927
```
#1b4927 rgb(27,73,39)
```
#20572e
```
#20572e rgb(32,87,46)
```
#256536
```
#256536 rgb(37,101,54)
```
#2a743e
```
#2a743e rgb(42,116,62)
```
#308245
```
#308245 rgb(48,130,69)
```
#35904d
```
#35904d rgb(53,144,77)
```
#3a9f54
```
#3a9f54 rgb(58,159,84)
```
#3fad5c
```
#3fad5c rgb(63,173,92)
```

Shade Color Variation

#45bb64
```
#45bb64 rgb(69,187,100)
```
#53c070
```
#53c070 rgb(83,192,112)
```
#62c67c
```
#62c67c rgb(98,198,124)
```
#70cb88
```
#70cb88 rgb(112,203,136)
```
#7ed094
```
#7ed094 rgb(126,208,148)
```
#8dd5a0
```
#8dd5a0 rgb(141,213,160)
```
#9bdbac
```
#9bdbac rgb(155,219,172)
```
#aae0b8
```
#aae0b8 rgb(170,224,184)
```
#b8e5c4
```
#b8e5c4 rgb(184,229,196)
```
#c6ead0
```
#c6ead0 rgb(198,234,208)
```
#d5f0dc
```
#d5f0dc rgb(213,240,220)
```
#e3f5e8
```
#e3f5e8 rgb(227,245,232)
```
#f1faf4
```
#f1faf4 rgb(241,250,244)
```

Tint Color Variation

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

#808080
```
#808080 rgb(128,128,128)
```
#768a7b
```
#768a7b rgb(118,138,123)
```
#6c9477
```
#6c9477 rgb(108,148,119)
```
#629e72
```
#629e72 rgb(98,158,114)
```
#59a76d
```
#59a76d rgb(89,167,109)
```
#4fb169
```
#4fb169 rgb(79,177,105)
```
#45bb64
```
#45bb64 rgb(69,187,100)
```
#3bc55f
```
#3bc55f rgb(59,197,95)
```
#31cf5b
```
#31cf5b rgb(49,207,91)
```
#28d856
```
#28d856 rgb(40,216,86)
```
#1ee251
```
#1ee251 rgb(30,226,81)
```
#14ec4d
```
#14ec4d rgb(20,236,77)
```
#0af648
```
#0af648 rgb(10,246,72)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7f9786 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a964 Protanopia 1% of men
#caa375 Deuteranopia 1% of men
#6cb4c1 Tritanopia 0.001% of the population

Trichromacy

#8fb064 Protanomaly 1% of men, 0.01% of women
#99ab6f Deuteranomaly 6% of men, 0.4% of women
#5eb69f Tritanomaly 0.01% of the population

#45bb64 hex color

#45bb64 Color Information

#45bb64 Color Conversion

Color Schemes with #45bb64

Alternatives to #45bb64

#45bb64 Preview

Shades and Tints of #45bb64

Tones of #45bb64

Color Blindness Simulator