#45a85e hex color

In a RGB color space, hex #45a85e is composed of 27.1% red, 65.9% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 0% magenta, 44% yellow and 34.1% black. It has a hue angle of 135.2 degrees, a saturation of 41.8% and a lightness of 46.5%. #45a85e color hex could be obtained by blending #8affbc with #005100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 27
- G 66
- B 37
RGB color chart
- C 59
- M 0
- Y 44
- K 34
CMYK color chart

● #45a85e color description : Dark moderate cyan - lime green.

The hexadecimal color #45a85e has RGB values of R:69, G:168, B:94 and CMYK values of C:0.59, M:0, Y:0.44, K:0.34. Its decimal value is 4565086.

Hex triplet	45a85e	`#45a85e`
RGB Decimal	69, 168, 94	`rgb(69,168,94)`
RGB Percent	27.1, 65.9, 36.9	`rgb(27.1%,65.9%,36.9%)`
CMYK	59, 0, 44, 34
HSL	135.2°, 41.8, 46.5	`hsl(135.2,41.8%,46.5%)`
HSV (or HSB)	135.2°, 58.9, 65.9
Web Safe	339966	`#339966`

CIE-LAB	61.721, -45.361, 29.75
XYZ	18.476, 30.077, 15.421
xyY	0.289, 0.47, 30.077
CIE-LCH	61.721, 54.247, 146.741
CIE-LUV	61.721, -43.797, 45.23
Hunter-Lab	54.843, -35.839, 21.718
Binary	01000101, 10101000, 01011110

#45a85e
```
#45a85e rgb(69,168,94)
```
#a8458f
```
#a8458f rgb(168,69,143)
```

Complementary Color

#5ea845
```
#5ea845 rgb(94,168,69)
```
#45a85e
```
#45a85e rgb(69,168,94)
```
#45a890
```
#45a890 rgb(69,168,144)
```

Analogous Color

#a8455e
```
#a8455e rgb(168,69,94)
```
#45a85e
```
#45a85e rgb(69,168,94)
```
#9045a8
```
#9045a8 rgb(144,69,168)
```

Split Complementary Color

#a85e45
```
#a85e45 rgb(168,94,69)
```
#45a85e
```
#45a85e rgb(69,168,94)
```
#5e45a8
```
#5e45a8 rgb(94,69,168)
```

Triadic Color

#8fa845
```
#8fa845 rgb(143,168,69)
```
#45a85e
```
#45a85e rgb(69,168,94)
```
#5e45a8
```
#5e45a8 rgb(94,69,168)
```
#a8458f
```
#a8458f rgb(168,69,143)
```

Tetradic Color

#2f7240
```
#2f7240 rgb(47,114,64)
```
#36844a
```
#36844a rgb(54,132,74)
```
#3e9654
```
#3e9654 rgb(62,150,84)
```
#45a85e
```
#45a85e rgb(69,168,94)
```
#50b76a
```
#50b76a rgb(80,183,106)
```
#62be79
```
#62be79 rgb(98,190,121)
```
#74c688
```
#74c688 rgb(116,198,136)
```

Monochromatic Color

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

#45a845
```
#45a845 rgb(69,168,69)
```
#45a84e
```
#45a84e rgb(69,168,78)
```
#45a856
```
#45a856 rgb(69,168,86)
```
#45a85e
```
#45a85e rgb(69,168,94)
```
#45a866
```
#45a866 rgb(69,168,102)
```
#45a86f
```
#45a86f rgb(69,168,111)
```
#45a877
```
#45a877 rgb(69,168,119)
```

Similar Colors

Text with hexadecimal color #45a85e

This text has a font color of #45a85e.

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

#45a85e background color

This paragraph has a background color of #45a85e.

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

#45a85e border color

This element has a border color of #45a85e.

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

CSS codes

.text {color:#45a85e;}

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

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

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, #000101 is the darkest color, while #f2faf4 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#060f08
```
#060f08 rgb(6,15,8)
```
#0c1d10
```
#0c1d10 rgb(12,29,16)
```
#122b18
```
#122b18 rgb(18,43,24)
```
#173920
```
#173920 rgb(23,57,32)
```
#1d4728
```
#1d4728 rgb(29,71,40)
```
#23552f
```
#23552f rgb(35,85,47)
```
#286237
```
#286237 rgb(40,98,55)
```
#2e703f
```
#2e703f rgb(46,112,63)
```
#347e47
```
#347e47 rgb(52,126,71)
```
#3a8c4e
```
#3a8c4e rgb(58,140,78)
```
#3f9a56
```
#3f9a56 rgb(63,154,86)
```
#45a85e
```
#45a85e rgb(69,168,94)
```

Shade Color Variation

#4bb566
```
#4bb566 rgb(75,181,102)
```
#59bb72
```
#59bb72 rgb(89,187,114)
```
#67c17e
```
#67c17e rgb(103,193,126)
```
#75c68a
```
#75c68a rgb(117,198,138)
```
#83cc95
```
#83cc95 rgb(131,204,149)
```
#91d2a1
```
#91d2a1 rgb(145,210,161)
```
#9fd7ad
```
#9fd7ad rgb(159,215,173)
```
#adddb9
```
#adddb9 rgb(173,221,185)
```
#bbe3c5
```
#bbe3c5 rgb(187,227,197)
```
#c9e9d1
```
#c9e9d1 rgb(201,233,209)
```
#d6eedc
```
#d6eedc rgb(214,238,220)
```
#e4f4e8
```
#e4f4e8 rgb(228,244,232)
```
#f2faf4
```
#f2faf4 rgb(242,250,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737a75 is the less saturated color, while #05e83e is the most saturated one.

#737a75
```
#737a75 rgb(115,122,117)
```
#698470
```
#698470 rgb(105,132,112)
```
#608d6c
```
#608d6c rgb(96,141,108)
```
#579667
```
#579667 rgb(87,150,103)
```
#4e9f63
```
#4e9f63 rgb(78,159,99)
```
#45a85e
```
#45a85e rgb(69,168,94)
```
#3cb159
```
#3cb159 rgb(60,177,89)
```
#33ba55
```
#33ba55 rgb(51,186,85)
```
#2ac350
```
#2ac350 rgb(42,195,80)
```
#21cc4c
```
#21cc4c rgb(33,204,76)
```
#17d647
```
#17d647 rgb(23,214,71)
```
#0edf43
```
#0edf43 rgb(14,223,67)
```
#05e83e
```
#05e83e rgb(5,232,62)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#768a7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89a5f Protanopia 1% of men
#b6946e Deuteranopia 1% of men
#66a3af Tritanopia 0.001% of the population

Trichromacy

#849f5f Protanomaly 1% of men, 0.01% of women
#8d9b68 Deuteranomaly 6% of men, 0.4% of women
#5aa592 Tritanomaly 0.01% of the population

#45a85e hex color

#45a85e Color Information

#45a85e Color Conversion

Color Schemes with #45a85e

Alternatives to #45a85e

#45a85e Preview

Shades and Tints of #45a85e

Tones of #45a85e

Color Blindness Simulator