#45ae64 hex color

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

♥
- f
- t
- g
- R 27
- G 68
- B 39
RGB color chart
- C 60
- M 0
- Y 43
- K 32
CMYK color chart

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

The hexadecimal color #45ae64 has RGB values of R:69, G:174, B:100 and CMYK values of C:0.6, M:0, Y:0.43, K:0.32. Its decimal value is 4566628.

Hex triplet	45ae64	`#45ae64`
RGB Decimal	69, 174, 100	`rgb(69,174,100)`
RGB Percent	27.1, 68.2, 39.2	`rgb(27.1%,68.2%,39.2%)`
CMYK	60, 0, 43, 32
HSL	137.7°, 43.2, 47.6	`hsl(137.7,43.2%,47.6%)`
HSV (or HSB)	137.7°, 60.3, 68.2
Web Safe	339966	`#339966`

CIE-LAB	63.718, -46.766, 29.178
XYZ	19.889, 32.456, 17.272
xyY	0.286, 0.466, 32.456
CIE-LCH	63.718, 55.122, 148.039
CIE-LUV	63.718, -45.892, 45.256
Hunter-Lab	56.97, -37.38, 21.903
Binary	01000101, 10101110, 01100100

#45ae64
```
#45ae64 rgb(69,174,100)
```
#ae458f
```
#ae458f rgb(174,69,143)
```

Complementary Color

#5bae45
```
#5bae45 rgb(91,174,69)
```
#45ae64
```
#45ae64 rgb(69,174,100)
```
#45ae99
```
#45ae99 rgb(69,174,153)
```

Analogous Color

#ae455b
```
#ae455b rgb(174,69,91)
```
#45ae64
```
#45ae64 rgb(69,174,100)
```
#9945ae
```
#9945ae rgb(153,69,174)
```

Split Complementary Color

#ae6445
```
#ae6445 rgb(174,100,69)
```
#45ae64
```
#45ae64 rgb(69,174,100)
```
#6445ae
```
#6445ae rgb(100,69,174)
```

Triadic Color

#8fae45
```
#8fae45 rgb(143,174,69)
```
#45ae64
```
#45ae64 rgb(69,174,100)
```
#6445ae
```
#6445ae rgb(100,69,174)
```
#ae458f
```
#ae458f rgb(174,69,143)
```

Tetradic Color

#2f7745
```
#2f7745 rgb(47,119,69)
```
#37894f
```
#37894f rgb(55,137,79)
```
#3e9c5a
```
#3e9c5a rgb(62,156,90)
```
#45ae64
```
#45ae64 rgb(69,174,100)
```
#52ba71
```
#52ba71 rgb(82,186,113)
```
#64c280
```
#64c280 rgb(100,194,128)
```
#77c98f
```
#77c98f rgb(119,201,143)
```

Monochromatic Color

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

#45ae4a
```
#45ae4a rgb(69,174,74)
```
#45ae52
```
#45ae52 rgb(69,174,82)
```
#45ae5b
```
#45ae5b rgb(69,174,91)
```
#45ae64
```
#45ae64 rgb(69,174,100)
```
#45ae6d
```
#45ae6d rgb(69,174,109)
```
#45ae76
```
#45ae76 rgb(69,174,118)
```
#45ae7e
```
#45ae7e rgb(69,174,126)
```

Similar Colors

Text with hexadecimal color #45ae64

This text has a font color of #45ae64.

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

#45ae64 background color

This paragraph has a background color of #45ae64.

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

#45ae64 border color

This element has a border color of #45ae64.

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

CSS codes

.text {color:#45ae64;}

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

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

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

#020503
```
#020503 rgb(2,5,3)
```
#08130b
```
#08130b rgb(8,19,11)
```
#0d2213
```
#0d2213 rgb(13,34,19)
```
#13301b
```
#13301b rgb(19,48,27)
```
#183e23
```
#183e23 rgb(24,62,35)
```
#1e4c2b
```
#1e4c2b rgb(30,76,43)
```
#245a34
```
#245a34 rgb(36,90,52)
```
#29683c
```
#29683c rgb(41,104,60)
```
#2f7644
```
#2f7644 rgb(47,118,68)
```
#34844c
```
#34844c rgb(52,132,76)
```
#3a9254
```
#3a9254 rgb(58,146,84)
```
#3fa05c
```
#3fa05c rgb(63,160,92)
```
#45ae64
```
#45ae64 rgb(69,174,100)
```

Shade Color Variation

#4eb96d
```
#4eb96d rgb(78,185,109)
```
#5cbe79
```
#5cbe79 rgb(92,190,121)
```
#6ac485
```
#6ac485 rgb(106,196,133)
```
#78c990
```
#78c990 rgb(120,201,144)
```
#86cf9c
```
#86cf9c rgb(134,207,156)
```
#94d5a7
```
#94d5a7 rgb(148,213,167)
```
#a2dab3
```
#a2dab3 rgb(162,218,179)
```
#b0e0be
```
#b0e0be rgb(176,224,190)
```
#bee5ca
```
#bee5ca rgb(190,229,202)
```
#ccebd5
```
#ccebd5 rgb(204,235,213)
```
#daf0e1
```
#daf0e1 rgb(218,240,225)
```
#e8f6ec
```
#e8f6ec rgb(232,246,236)
```
#f6fcf8
```
#f6fcf8 rgb(246,252,248)
```

Tint Color Variation

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

#747f77
```
#747f77 rgb(116,127,119)
```
#6a8973
```
#6a8973 rgb(106,137,115)
```
#61926f
```
#61926f rgb(97,146,111)
```
#589b6c
```
#589b6c rgb(88,155,108)
```
#4ea568
```
#4ea568 rgb(78,165,104)
```
#45ae64
```
#45ae64 rgb(69,174,100)
```
#3cb760
```
#3cb760 rgb(60,183,96)
```
#32c15c
```
#32c15c rgb(50,193,92)
```
#29ca59
```
#29ca59 rgb(41,202,89)
```
#20d355
```
#20d355 rgb(32,211,85)
```
#16dd51
```
#16dd51 rgb(22,221,81)
```
#0de64d
```
#0de64d rgb(13,230,77)
```
#04ef49
```
#04ef49 rgb(4,239,73)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#798e7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9f65 Protanopia 1% of men
#bc9974 Deuteranopia 1% of men
#67a9b5 Tritanopia 0.001% of the population

Trichromacy

#87a464 Protanomaly 1% of men, 0.01% of women
#90a06e Deuteranomaly 6% of men, 0.4% of women
#5bab98 Tritanomaly 0.01% of the population

#45ae64 hex color

#45ae64 Color Information

#45ae64 Color Conversion

Color Schemes with #45ae64

Alternatives to #45ae64

#45ae64 Preview

Shades and Tints of #45ae64

Tones of #45ae64

Color Blindness Simulator