#45ae2a hex color

In a RGB color space, hex #45ae2a is composed of 27.1% red, 68.2% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 0% magenta, 75.9% yellow and 31.8% black. It has a hue angle of 107.7 degrees, a saturation of 61.1% and a lightness of 42.4%. #45ae2a color hex could be obtained by blending #8aff54 with #005d00. Closest websafe color is: #339933.

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

● #45ae2a color description : Dark lime green.

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

Hex triplet	45ae2a	`#45ae2a`
RGB Decimal	69, 174, 42	`rgb(69,174,42)`
RGB Percent	27.1, 68.2, 16.5	`rgb(27.1%,68.2%,16.5%)`
CMYK	60, 0, 76, 32
HSL	107.7°, 61.1, 42.4	`hsl(107.7,61.1%,42.4%)`
HSV (or HSB)	107.7°, 75.9, 68.2
Web Safe	339933	`#339933`

CIE-LAB	63.097, -53.763, 54.9
XYZ	18.007, 31.703, 7.361
xyY	0.316, 0.556, 31.703
CIE-LCH	63.097, 76.84, 134.4
CIE-LUV	63.097, -47.697, 69.734
Hunter-Lab	56.305, -41.447, 31.663
Binary	01000101, 10101110, 00101010

#45ae2a
```
#45ae2a rgb(69,174,42)
```
#932aae
```
#932aae rgb(147,42,174)
```

Complementary Color

#87ae2a
```
#87ae2a rgb(135,174,42)
```
#45ae2a
```
#45ae2a rgb(69,174,42)
```
#2aae51
```
#2aae51 rgb(42,174,81)
```

Analogous Color

#ae2a87
```
#ae2a87 rgb(174,42,135)
```
#45ae2a
```
#45ae2a rgb(69,174,42)
```
#512aae
```
#512aae rgb(81,42,174)
```

Split Complementary Color

#ae2a45
```
#ae2a45 rgb(174,42,69)
```
#45ae2a
```
#45ae2a rgb(69,174,42)
```
#2a45ae
```
#2a45ae rgb(42,69,174)
```

Triadic Color

#ae932a
```
#ae932a rgb(174,147,42)
```
#45ae2a
```
#45ae2a rgb(69,174,42)
```
#2a45ae
```
#2a45ae rgb(42,69,174)
```
#932aae
```
#932aae rgb(147,42,174)
```

Tetradic Color

#2d701b
```
#2d701b rgb(45,112,27)
```
#358520
```
#358520 rgb(53,133,32)
```
#3d9925
```
#3d9925 rgb(61,153,37)
```
#45ae2a
```
#45ae2a rgb(69,174,42)
```
#4dc32f
```
#4dc32f rgb(77,195,47)
```
#5ad03b
```
#5ad03b rgb(90,208,59)
```
#6bd550
```
#6bd550 rgb(107,213,80)
```

Monochromatic Color

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

#66ae2a
```
#66ae2a rgb(102,174,42)
```
#5bae2a
```
#5bae2a rgb(91,174,42)
```
#50ae2a
```
#50ae2a rgb(80,174,42)
```
#45ae2a
```
#45ae2a rgb(69,174,42)
```
#3aae2a
```
#3aae2a rgb(58,174,42)
```
#2fae2a
```
#2fae2a rgb(47,174,42)
```
#2aae30
```
#2aae30 rgb(42,174,48)
```

Similar Colors

Text with hexadecimal color #45ae2a

This text has a font color of #45ae2a.

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

#45ae2a background color

This paragraph has a background color of #45ae2a.

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

#45ae2a border color

This element has a border color of #45ae2a.

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

CSS codes

.text {color:#45ae2a;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#061004
```
#061004 rgb(6,16,4)
```
#0d2008
```
#0d2008 rgb(13,32,8)
```
#13300b
```
#13300b rgb(19,48,11)
```
#193f0f
```
#193f0f rgb(25,63,15)
```
#1f4f13
```
#1f4f13 rgb(31,79,19)
```
#265f17
```
#265f17 rgb(38,95,23)
```
#2c6f1b
```
#2c6f1b rgb(44,111,27)
```
#327f1f
```
#327f1f rgb(50,127,31)
```
#388e22
```
#388e22 rgb(56,142,34)
```
#3f9e26
```
#3f9e26 rgb(63,158,38)
```
#45ae2a
```
#45ae2a rgb(69,174,42)
```
#4bbe2e
```
#4bbe2e rgb(75,190,46)
```

Shade Color Variation

#52cd32
```
#52cd32 rgb(82,205,50)
```
#5fd142
```
#5fd142 rgb(95,209,66)
```
#6cd551
```
#6cd551 rgb(108,213,81)
```
#7ad961
```
#7ad961 rgb(122,217,97)
```
#87dd71
```
#87dd71 rgb(135,221,113)
```
#94e181
```
#94e181 rgb(148,225,129)
```
#a2e491
```
#a2e491 rgb(162,228,145)
```
#afe8a0
```
#afe8a0 rgb(175,232,160)
```
#bcecb0
```
#bcecb0 rgb(188,236,176)
```
#caf0c0
```
#caf0c0 rgb(202,240,192)
```
#d7f4d0
```
#d7f4d0 rgb(215,244,208)
```
#e4f7e0
```
#e4f7e0 rgb(228,247,224)
```
#f2fbef
```
#f2fbef rgb(242,251,239)
```

Tint Color Variation

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

#677464
```
#677464 rgb(103,116,100)
```
#627c5c
```
#627c5c rgb(98,124,92)
```
#5e8454
```
#5e8454 rgb(94,132,84)
```
#598d4b
```
#598d4b rgb(89,141,75)
```
#549543
```
#549543 rgb(84,149,67)
```
#4f9d3b
```
#4f9d3b rgb(79,157,59)
```
#4aa632
```
#4aa632 rgb(74,166,50)
```
#45ae2a
```
#45ae2a rgb(69,174,42)
```
#40b622
```
#40b622 rgb(64,182,34)
```
#3bbf19
```
#3bbf19 rgb(59,191,25)
```
#36c711
```
#36c711 rgb(54,199,17)
```
#31cf09
```
#31cf09 rgb(49,207,9)
```
#2cd800
```
#2cd800 rgb(44,216,0)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#74896f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09e2f Protanopia 1% of men
#c29642 Deuteranopia 1% of men
#6da6b2 Tritanopia 0.001% of the population

Trichromacy

#89a42d Protanomaly 1% of men, 0.01% of women
#959f39 Deuteranomaly 6% of men, 0.4% of women
#5ea981 Tritanomaly 0.01% of the population

#45ae2a hex color

#45ae2a Color Information

#45ae2a Color Conversion

Color Schemes with #45ae2a

Alternatives to #45ae2a

#45ae2a Preview

Shades and Tints of #45ae2a

Tones of #45ae2a

Color Blindness Simulator