#45a742 hex color

In a RGB color space, hex #45a742 is composed of 27.1% red, 65.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 0% magenta, 60.5% yellow and 34.5% black. It has a hue angle of 118.2 degrees, a saturation of 43.3% and a lightness of 45.7%. #45a742 color hex could be obtained by blending #8aff84 with #004f00. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 27
- G 65
- B 26
RGB color chart
- C 59
- M 0
- Y 60
- K 35
CMYK color chart

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

The hexadecimal color #45a742 has RGB values of R:69, G:167, B:66 and CMYK values of C:0.59, M:0, Y:0.6, K:0.35. Its decimal value is 4564802.

Hex triplet	45a742	`#45a742`
RGB Decimal	69, 167, 66	`rgb(69,167,66)`
RGB Percent	27.1, 65.5, 25.9	`rgb(27.1%,65.5%,25.9%)`
CMYK	59, 0, 60, 35
HSL	118.2°, 43.3, 45.7	`hsl(118.2,43.3%,45.7%)`
HSV (or HSB)	118.2°, 60.5, 65.5
Web Safe	339933	`#339933`

CIE-LAB	61.041, -48.955, 42.898
XYZ	17.255, 29.295, 9.899
xyY	0.306, 0.519, 29.295
CIE-LCH	61.041, 65.091, 138.773
CIE-LUV	61.041, -44.381, 58.516
Hunter-Lab	54.125, -37.81, 27.043
Binary	01000101, 10100111, 01000010

#45a742
```
#45a742 rgb(69,167,66)
```
#a442a7
```
#a442a7 rgb(164,66,167)
```

Complementary Color

#78a742
```
#78a742 rgb(120,167,66)
```
#45a742
```
#45a742 rgb(69,167,66)
```
#42a772
```
#42a772 rgb(66,167,114)
```

Analogous Color

#a74278
```
#a74278 rgb(167,66,120)
```
#45a742
```
#45a742 rgb(69,167,66)
```
#7242a7
```
#7242a7 rgb(114,66,167)
```

Split Complementary Color

#a74245
```
#a74245 rgb(167,66,69)
```
#45a742
```
#45a742 rgb(69,167,66)
```
#4245a7
```
#4245a7 rgb(66,69,167)
```

Triadic Color

#a7a442
```
#a7a442 rgb(167,164,66)
```
#45a742
```
#45a742 rgb(69,167,66)
```
#4245a7
```
#4245a7 rgb(66,69,167)
```
#a442a7
```
#a442a7 rgb(164,66,167)
```

Tetradic Color

#2e702c
```
#2e702c rgb(46,112,44)
```
#368234
```
#368234 rgb(54,130,52)
```
#3d953b
```
#3d953b rgb(61,149,59)
```
#45a742
```
#45a742 rgb(69,167,66)
```
#4eb84b
```
#4eb84b rgb(78,184,75)
```
#60bf5d
```
#60bf5d rgb(96,191,93)
```
#72c66f
```
#72c66f rgb(114,198,111)
```

Monochromatic Color

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

#5ea742
```
#5ea742 rgb(94,167,66)
```
#56a742
```
#56a742 rgb(86,167,66)
```
#4da742
```
#4da742 rgb(77,167,66)
```
#45a742
```
#45a742 rgb(69,167,66)
```
#42a747
```
#42a747 rgb(66,167,71)
```
#42a750
```
#42a750 rgb(66,167,80)
```
#42a758
```
#42a758 rgb(66,167,88)
```

Similar Colors

Text with hexadecimal color #45a742

This text has a font color of #45a742.

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

#45a742 background color

This paragraph has a background color of #45a742.

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

#45a742 border color

This element has a border color of #45a742.

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

CSS codes

.text {color:#45a742;}

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

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

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, #050c05 is the darkest color, while #fdfefd is the lightest one.

#050c05
```
#050c05 rgb(5,12,5)
```
#0b1a0a
```
#0b1a0a rgb(11,26,10)
```
#112810
```
#112810 rgb(17,40,16)
```
#173716
```
#173716 rgb(23,55,22)
```
#1c451b
```
#1c451b rgb(28,69,27)
```
#225321
```
#225321 rgb(34,83,33)
```
#286126
```
#286126 rgb(40,97,38)
```
#2e6f2c
```
#2e6f2c rgb(46,111,44)
```
#347d31
```
#347d31 rgb(52,125,49)
```
#398b37
```
#398b37 rgb(57,139,55)
```
#3f993c
```
#3f993c rgb(63,153,60)
```
#45a742
```
#45a742 rgb(69,167,66)
```
#4bb548
```
#4bb548 rgb(75,181,72)
```

Shade Color Variation

#58bc55
```
#58bc55 rgb(88,188,85)
```
#65c163
```
#65c163 rgb(101,193,99)
```
#73c771
```
#73c771 rgb(115,199,113)
```
#81cc7f
```
#81cc7f rgb(129,204,127)
```
#8fd28d
```
#8fd28d rgb(143,210,141)
```
#9dd79b
```
#9dd79b rgb(157,215,155)
```
#aadda9
```
#aadda9 rgb(170,221,169)
```
#b8e3b7
```
#b8e3b7 rgb(184,227,183)
```
#c6e8c5
```
#c6e8c5 rgb(198,232,197)
```
#d4eed3
```
#d4eed3 rgb(212,238,211)
```
#e2f3e1
```
#e2f3e1 rgb(226,243,225)
```
#f0f9ef
```
#f0f9ef rgb(240,249,239)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7a6f is the less saturated color, while #0ae603 is the most saturated one.

#6f7a6f
```
#6f7a6f rgb(111,122,111)
```
#678366
```
#678366 rgb(103,131,102)
```
#5e8c5d
```
#5e8c5d rgb(94,140,93)
```
#569554
```
#569554 rgb(86,149,84)
```
#4d9e4b
```
#4d9e4b rgb(77,158,75)
```
#45a742
```
#45a742 rgb(69,167,66)
```
#3db039
```
#3db039 rgb(61,176,57)
```
#34b930
```
#34b930 rgb(52,185,48)
```
#2cc227
```
#2cc227 rgb(44,194,39)
```
#23cb1e
```
#23cb1e rgb(35,203,30)
```
#1bd415
```
#1bd415 rgb(27,212,21)
```
#12dd0c
```
#12dd0c rgb(18,221,12)
```
#0ae603
```
#0ae603 rgb(10,230,3)
```

Tone Color Variation

Below, you can see how #45a742 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
#738672 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99946 Protanopia 1% of men
#b99255 Deuteranopia 1% of men
#69a1ad Tritanopia 0.001% of the population

Trichromacy

#849e44 Protanomaly 1% of men, 0.01% of women
#8f994e Deuteranomaly 6% of men, 0.4% of women
#5ca386 Tritanomaly 0.01% of the population

#45a742 hex color

#45a742 Color Information

#45a742 Color Conversion

Color Schemes with #45a742

Alternatives to #45a742

#45a742 Preview

Shades and Tints of #45a742

Tones of #45a742

Color Blindness Simulator