#45ae1f hex color

In a RGB color space, hex #45ae1f is composed of 27.1% red, 68.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 0% magenta, 82.2% yellow and 31.8% black. It has a hue angle of 104.1 degrees, a saturation of 69.8% and a lightness of 40.2%. #45ae1f color hex could be obtained by blending #8aff3e with #005d00. Closest websafe color is: #339933.

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

● #45ae1f color description : Dark green.

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

Hex triplet	45ae1f	`#45ae1f`
RGB Decimal	69, 174, 31	`rgb(69,174,31)`
RGB Percent	27.1, 68.2, 12.2	`rgb(27.1%,68.2%,12.2%)`
CMYK	60, 0, 82, 32
HSL	104.1°, 69.8, 40.2	`hsl(104.1,69.8%,40.2%)`
HSV (or HSB)	104.1°, 82.2, 68.2
Web Safe	339933	`#339933`

CIE-LAB	63.04, -54.428, 58.261
XYZ	17.837, 31.635, 6.462
xyY	0.319, 0.566, 31.635
CIE-LCH	63.04, 79.729, 133.052
CIE-LUV	63.04, -47.877, 72.134
Hunter-Lab	56.245, -41.821, 32.559
Binary	01000101, 10101110, 00011111

#45ae1f
```
#45ae1f rgb(69,174,31)
```
#881fae
```
#881fae rgb(136,31,174)
```

Complementary Color

#8dae1f
```
#8dae1f rgb(141,174,31)
```
#45ae1f
```
#45ae1f rgb(69,174,31)
```
#1fae40
```
#1fae40 rgb(31,174,64)
```

Analogous Color

#ae1f8d
```
#ae1f8d rgb(174,31,141)
```
#45ae1f
```
#45ae1f rgb(69,174,31)
```
#401fae
```
#401fae rgb(64,31,174)
```

Split Complementary Color

#ae1f45
```
#ae1f45 rgb(174,31,69)
```
#45ae1f
```
#45ae1f rgb(69,174,31)
```
#1f45ae
```
#1f45ae rgb(31,69,174)
```

Triadic Color

#ae881f
```
#ae881f rgb(174,136,31)
```
#45ae1f
```
#45ae1f rgb(69,174,31)
```
#1f45ae
```
#1f45ae rgb(31,69,174)
```
#881fae
```
#881fae rgb(136,31,174)
```

Tetradic Color

#2b6d13
```
#2b6d13 rgb(43,109,19)
```
#348317
```
#348317 rgb(52,131,23)
```
#3c981b
```
#3c981b rgb(60,152,27)
```
#45ae1f
```
#45ae1f rgb(69,174,31)
```
#4ec423
```
#4ec423 rgb(78,196,35)
```
#56d927
```
#56d927 rgb(86,217,39)
```
#67dc3d
```
#67dc3d rgb(103,220,61)
```

Monochromatic Color

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

#69ae1f
```
#69ae1f rgb(105,174,31)
```
#5dae1f
```
#5dae1f rgb(93,174,31)
```
#51ae1f
```
#51ae1f rgb(81,174,31)
```
#45ae1f
```
#45ae1f rgb(69,174,31)
```
#39ae1f
```
#39ae1f rgb(57,174,31)
```
#2dae1f
```
#2dae1f rgb(45,174,31)
```
#21ae1f
```
#21ae1f rgb(33,174,31)
```

Similar Colors

Text with hexadecimal color #45ae1f

This text has a font color of #45ae1f.

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

#45ae1f background color

This paragraph has a background color of #45ae1f.

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

#45ae1f border color

This element has a border color of #45ae1f.

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

CSS codes

.text {color:#45ae1f;}

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

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

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

#030801
```
#030801 rgb(3,8,1)
```
#0a1804
```
#0a1804 rgb(10,24,4)
```
#102907
```
#102907 rgb(16,41,7)
```
#17390a
```
#17390a rgb(23,57,10)
```
#1d4a0d
```
#1d4a0d rgb(29,74,13)
```
#245b10
```
#245b10 rgb(36,91,16)
```
#2b6b13
```
#2b6b13 rgb(43,107,19)
```
#317c16
```
#317c16 rgb(49,124,22)
```
#388d19
```
#388d19 rgb(56,141,25)
```
#3e9d1c
```
#3e9d1c rgb(62,157,28)
```
#45ae1f
```
#45ae1f rgb(69,174,31)
```
#4cbf22
```
#4cbf22 rgb(76,191,34)
```
#52cf25
```
#52cf25 rgb(82,207,37)
```

Shade Color Variation

#5cda2e
```
#5cda2e rgb(92,218,46)
```
#69dd3f
```
#69dd3f rgb(105,221,63)
```
#76e04f
```
#76e04f rgb(118,224,79)
```
#83e360
```
#83e360 rgb(131,227,96)
```
#90e671
```
#90e671 rgb(144,230,113)
```
#9de981
```
#9de981 rgb(157,233,129)
```
#aaec92
```
#aaec92 rgb(170,236,146)
```
#b7efa3
```
#b7efa3 rgb(183,239,163)
```
#c4f2b3
```
#c4f2b3 rgb(196,242,179)
```
#d1f4c4
```
#d1f4c4 rgb(209,244,196)
```
#def7d5
```
#def7d5 rgb(222,247,213)
```
#ebfae5
```
#ebfae5 rgb(235,250,229)
```
#f8fdf6
```
#f8fdf6 rgb(248,253,246)
```

Tint Color Variation

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

#666766
```
#666766 rgb(102,103,102)
```
#636f5e
```
#636f5e rgb(99,111,94)
```
#5f7756
```
#5f7756 rgb(95,119,86)
```
#5b7f4e
```
#5b7f4e rgb(91,127,78)
```
#578746
```
#578746 rgb(87,135,70)
```
#548e3f
```
#548e3f rgb(84,142,63)
```
#509637
```
#509637 rgb(80,150,55)
```
#4c9e2f
```
#4c9e2f rgb(76,158,47)
```
#49a627
```
#49a627 rgb(73,166,39)
```
#45ae1f
```
#45ae1f rgb(69,174,31)
```
#41b617
```
#41b617 rgb(65,182,23)
```
#3ebe0f
```
#3ebe0f rgb(62,190,15)
```
#3ac607
```
#3ac607 rgb(58,198,7)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#73886b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09e25 Protanopia 1% of men
#c3963a Deuteranopia 1% of men
#6da6b2 Tritanopia 0.001% of the population

Trichromacy

#89a322 Protanomaly 1% of men, 0.01% of women
#959f30 Deuteranomaly 6% of men, 0.4% of women
#5ea97d Tritanomaly 0.01% of the population

#45ae1f hex color

#45ae1f Color Information

#45ae1f Color Conversion

Color Schemes with #45ae1f

Alternatives to #45ae1f

#45ae1f Preview

Shades and Tints of #45ae1f

Tones of #45ae1f

Color Blindness Simulator