#45ae46 hex color

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

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

● #45ae46 color description : Dark moderate lime green.

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

Hex triplet	45ae46	`#45ae46`
RGB Decimal	69, 174, 70	`rgb(69,174,70)`
RGB Percent	27.1, 68.2, 27.5	`rgb(27.1%,68.2%,27.5%)`
CMYK	60, 0, 60, 32
HSL	120.6°, 43.2, 47.6	`hsl(120.6,43.2%,47.6%)`
HSV (or HSB)	120.6°, 60.3, 68.2
Web Safe	339933	`#339933`

CIE-LAB	63.325, -51.137, 43.672
XYZ	18.695, 31.978, 10.981
xyY	0.303, 0.519, 31.978
CIE-LCH	63.325, 67.247, 139.502
CIE-LUV	63.325, -47.001, 60.382
Hunter-Lab	56.549, -39.95, 28.071
Binary	01000101, 10101110, 01000110

#45ae46
```
#45ae46 rgb(69,174,70)
```
#ae45ad
```
#ae45ad rgb(174,69,173)
```

Complementary Color

#79ae45
```
#79ae45 rgb(121,174,69)
```
#45ae46
```
#45ae46 rgb(69,174,70)
```
#45ae7b
```
#45ae7b rgb(69,174,123)
```

Analogous Color

#ae4579
```
#ae4579 rgb(174,69,121)
```
#45ae46
```
#45ae46 rgb(69,174,70)
```
#7b45ae
```
#7b45ae rgb(123,69,174)
```

Split Complementary Color

#ae4645
```
#ae4645 rgb(174,70,69)
```
#45ae46
```
#45ae46 rgb(69,174,70)
```
#4645ae
```
#4645ae rgb(70,69,174)
```

Triadic Color

#adae45
```
#adae45 rgb(173,174,69)
```
#45ae46
```
#45ae46 rgb(69,174,70)
```
#4645ae
```
#4645ae rgb(70,69,174)
```
#ae45ad
```
#ae45ad rgb(174,69,173)
```

Tetradic Color

#2f7730
```
#2f7730 rgb(47,119,48)
```
#378937
```
#378937 rgb(55,137,55)
```
#3e9c3f
```
#3e9c3f rgb(62,156,63)
```
#45ae46
```
#45ae46 rgb(69,174,70)
```
#52ba53
```
#52ba53 rgb(82,186,83)
```
#64c265
```
#64c265 rgb(100,194,101)
```
#77c977
```
#77c977 rgb(119,201,119)
```

Monochromatic Color

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

#5eae45
```
#5eae45 rgb(94,174,69)
```
#56ae45
```
#56ae45 rgb(86,174,69)
```
#4dae45
```
#4dae45 rgb(77,174,69)
```
#45ae46
```
#45ae46 rgb(69,174,70)
```
#45ae4f
```
#45ae4f rgb(69,174,79)
```
#45ae58
```
#45ae58 rgb(69,174,88)
```
#45ae60
```
#45ae60 rgb(69,174,96)
```

Similar Colors

Text with hexadecimal color #45ae46

This text has a font color of #45ae46.

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

#45ae46 background color

This paragraph has a background color of #45ae46.

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

#45ae46 border color

This element has a border color of #45ae46.

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

CSS codes

.text {color:#45ae46;}

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

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

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

#020502
```
#020502 rgb(2,5,2)
```
#081308
```
#081308 rgb(8,19,8)
```
#0d220d
```
#0d220d rgb(13,34,13)
```
#133013
```
#133013 rgb(19,48,19)
```
#183e19
```
#183e19 rgb(24,62,25)
```
#1e4c1e
```
#1e4c1e rgb(30,76,30)
```
#245a24
```
#245a24 rgb(36,90,36)
```
#29682a
```
#29682a rgb(41,104,42)
```
#2f762f
```
#2f762f rgb(47,118,47)
```
#348435
```
#348435 rgb(52,132,53)
```
#3a923b
```
#3a923b rgb(58,146,59)
```
#3fa040
```
#3fa040 rgb(63,160,64)
```
#45ae46
```
#45ae46 rgb(69,174,70)
```

Shade Color Variation

#4eb94f
```
#4eb94f rgb(78,185,79)
```
#5cbe5d
```
#5cbe5d rgb(92,190,93)
```
#6ac46b
```
#6ac46b rgb(106,196,107)
```
#78c979
```
#78c979 rgb(120,201,121)
```
#86cf87
```
#86cf87 rgb(134,207,135)
```
#94d595
```
#94d595 rgb(148,213,149)
```
#a2daa3
```
#a2daa3 rgb(162,218,163)
```
#b0e0b1
```
#b0e0b1 rgb(176,224,177)
```
#bee5bf
```
#bee5bf rgb(190,229,191)
```
#ccebcd
```
#ccebcd rgb(204,235,205)
```
#daf0db
```
#daf0db rgb(218,240,219)
```
#e8f6e8
```
#e8f6e8 rgb(232,246,232)
```
#f6fcf6
```
#f6fcf6 rgb(246,252,246)
```

Tint Color Variation

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

#747f74
```
#747f74 rgb(116,127,116)
```
#6a896b
```
#6a896b rgb(106,137,107)
```
#619262
```
#619262 rgb(97,146,98)
```
#589b58
```
#589b58 rgb(88,155,88)
```
#4ea54f
```
#4ea54f rgb(78,165,79)
```
#45ae46
```
#45ae46 rgb(69,174,70)
```
#3cb73d
```
#3cb73d rgb(60,183,61)
```
#32c134
```
#32c134 rgb(50,193,52)
```
#29ca2a
```
#29ca2a rgb(41,202,42)
```
#20d321
```
#20d321 rgb(32,211,33)
```
#16dd18
```
#16dd18 rgb(22,221,24)
```
#0de60f
```
#0de60f rgb(13,230,15)
```
#04ef06
```
#04ef06 rgb(4,239,6)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#778c77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9e49 Protanopia 1% of men
#c09759 Deuteranopia 1% of men
#6ba7b3 Tritanopia 0.001% of the population

Trichromacy

#88a448 Protanomaly 1% of men, 0.01% of women
#939f52 Deuteranomaly 6% of men, 0.4% of women
#5daa8b Tritanomaly 0.01% of the population

#45ae46 hex color

#45ae46 Color Information

#45ae46 Color Conversion

Color Schemes with #45ae46

Alternatives to #45ae46

#45ae46 Preview

Shades and Tints of #45ae46

Tones of #45ae46

Color Blindness Simulator