colorhexa.com

#45ae70 hex color

In a RGB color space, hex #45ae70 is composed of 27.1% red, 68.2% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 0% magenta, 35.6% yellow and 31.8% black. It has a hue angle of 144.6 degrees, a saturation of 43.2% and a lightness of 47.6%. #45ae70 color hex could be obtained by blending #8affe0 with #005d00. Closest websafe color is: #339966.

- R 27
- G 68
- B 44
RGB color chart
- C 60
- M 0
- Y 36
- K 32
CMYK color chart

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

The hexadecimal color #45ae70 has RGB values of R:69, G:174, B:112 and CMYK values of C:0.6, M:0, Y:0.36, K:0.32. Its decimal value is 4566640.

Hex triplet	45ae70	`#45ae70`
RGB Decimal	69, 174, 112	`rgb(69,174,112)`
RGB Percent	27.1, 68.2, 43.9	`rgb(27.1%,68.2%,43.9%)`
CMYK	60, 0, 36, 32
HSL	144.6°, 43.2, 47.6	`hsl(144.6,43.2%,47.6%)`
HSV (or HSB)	144.6°, 60.3, 68.2
Web Safe	339966	`#339966`

CIE-LAB	63.922, -44.571, 23.055
XYZ	20.514, 32.705, 20.56
xyY	0.278, 0.443, 32.705
CIE-LCH	63.922, 50.181, 152.649
CIE-LUV	63.922, -45.357, 37.862
Hunter-Lab	57.189, -36.052, 18.717
Binary	01000101, 10101110, 01110000

#45ae70
```
#45ae70 rgb(69,174,112)
```
#ae4583
```
#ae4583 rgb(174,69,131)
```

Complementary Color

#4eae45
```
#4eae45 rgb(78,174,69)
```
#45ae70
```
#45ae70 rgb(69,174,112)
```
#45aea5
```
#45aea5 rgb(69,174,165)
```

Analogous Color

#ae454f
```
#ae454f rgb(174,69,79)
```
#45ae70
```
#45ae70 rgb(69,174,112)
```
#a545ae
```
#a545ae rgb(165,69,174)
```

Split Complementary Color

#ae7045
```
#ae7045 rgb(174,112,69)
```
#45ae70
```
#45ae70 rgb(69,174,112)
```
#7045ae
```
#7045ae rgb(112,69,174)
```

Triadic Color

#83ae45
```
#83ae45 rgb(131,174,69)
```
#45ae70
```
#45ae70 rgb(69,174,112)
```
#7045ae
```
#7045ae rgb(112,69,174)
```
#ae4583
```
#ae4583 rgb(174,69,131)
```

Tetradic Color

#2f774d
```
#2f774d rgb(47,119,77)
```
#378958
```
#378958 rgb(55,137,88)
```
#3e9c64
```
#3e9c64 rgb(62,156,100)
```
#45ae70
```
#45ae70 rgb(69,174,112)
```
#52ba7d
```
#52ba7d rgb(82,186,125)
```
#64c28b
```
#64c28b rgb(100,194,139)
```
#77c998
```
#77c998 rgb(119,201,152)
```

Monochromatic Color

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

#45ae56
```
#45ae56 rgb(69,174,86)
```
#45ae5f
```
#45ae5f rgb(69,174,95)
```
#45ae67
```
#45ae67 rgb(69,174,103)
```
#45ae70
```
#45ae70 rgb(69,174,112)
```
#45ae79
```
#45ae79 rgb(69,174,121)
```
#45ae82
```
#45ae82 rgb(69,174,130)
```
#45ae8a
```
#45ae8a rgb(69,174,138)
```

Similar Colors

Text with hexadecimal color #45ae70

This text has a font color of #45ae70.

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

#45ae70 background color

This paragraph has a background color of #45ae70.

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

#45ae70 border color

This element has a border color of #45ae70.

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

CSS codes

.text {color:#45ae70;}

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

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

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

#020504
```
#020504 rgb(2,5,4)
```
#08130d
```
#08130d rgb(8,19,13)
```
#0d2216
```
#0d2216 rgb(13,34,22)
```
#13301f
```
#13301f rgb(19,48,31)
```
#183e28
```
#183e28 rgb(24,62,40)
```
#1e4c31
```
#1e4c31 rgb(30,76,49)
```
#245a3a
```
#245a3a rgb(36,90,58)
```
#296843
```
#296843 rgb(41,104,67)
```
#2f764c
```
#2f764c rgb(47,118,76)
```
#348455
```
#348455 rgb(52,132,85)
```
#3a925e
```
#3a925e rgb(58,146,94)
```
#3fa067
```
#3fa067 rgb(63,160,103)
```
#45ae70
```
#45ae70 rgb(69,174,112)
```

Shade Color Variation

#4eb97a
```
#4eb97a rgb(78,185,122)
```
#5cbe84
```
#5cbe84 rgb(92,190,132)
```
#6ac48f
```
#6ac48f rgb(106,196,143)
```
#78c999
```
#78c999 rgb(120,201,153)
```
#86cfa4
```
#86cfa4 rgb(134,207,164)
```
#94d5af
```
#94d5af rgb(148,213,175)
```
#a2dab9
```
#a2dab9 rgb(162,218,185)
```
#b0e0c4
```
#b0e0c4 rgb(176,224,196)
```
#bee5ce
```
#bee5ce rgb(190,229,206)
```
#ccebd9
```
#ccebd9 rgb(204,235,217)
```
#daf0e3
```
#daf0e3 rgb(218,240,227)
```
#e8f6ee
```
#e8f6ee rgb(232,246,238)
```
#f6fcf9
```
#f6fcf9 rgb(246,252,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747f78 is the less saturated color, while #04ef64 is the most saturated one.

#747f78
```
#747f78 rgb(116,127,120)
```
#6a8977
```
#6a8977 rgb(106,137,119)
```
#619275
```
#619275 rgb(97,146,117)
```
#589b73
```
#589b73 rgb(88,155,115)
```
#4ea572
```
#4ea572 rgb(78,165,114)
```
#45ae70
```
#45ae70 rgb(69,174,112)
```
#3cb76e
```
#3cb76e rgb(60,183,110)
```
#32c16d
```
#32c16d rgb(50,193,109)
```
#29ca6b
```
#29ca6b rgb(41,202,107)
```
#20d369
```
#20d369 rgb(32,211,105)
```
#16dd68
```
#16dd68 rgb(22,221,104)
```
#0de666
```
#0de666 rgb(13,230,102)
```
#04ef64
```
#04ef64 rgb(4,239,100)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#7b9083 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9f70 Protanopia 1% of men
#ba9a7f Deuteranopia 1% of men
#65aab6 Tritanopia 0.001% of the population

Trichromacy

#87a570 Protanomaly 1% of men, 0.01% of women
#8fa179 Deuteranomaly 6% of men, 0.4% of women
#59ab9c Tritanomaly 0.01% of the population