#45a85f hex color

In a RGB color space, hex #45a85f is composed of 27.1% red, 65.9% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 0% magenta, 43.5% yellow and 34.1% black. It has a hue angle of 135.8 degrees, a saturation of 41.8% and a lightness of 46.5%. #45a85f color hex could be obtained by blending #8affbe with #005100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 27
- G 66
- B 37
RGB color chart
- C 59
- M 0
- Y 43
- K 34
CMYK color chart

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

The hexadecimal color #45a85f has RGB values of R:69, G:168, B:95 and CMYK values of C:0.59, M:0, Y:0.43, K:0.34. Its decimal value is 4565087.

Hex triplet	45a85f	`#45a85f`
RGB Decimal	69, 168, 95	`rgb(69,168,95)`
RGB Percent	27.1, 65.9, 37.3	`rgb(27.1%,65.9%,37.3%)`
CMYK	59, 0, 43, 34
HSL	135.8°, 41.8, 46.5	`hsl(135.8,41.8%,46.5%)`
HSV (or HSB)	135.8°, 58.9, 65.9
Web Safe	339966	`#339966`

CIE-LAB	61.736, -45.193, 29.244
XYZ	18.521, 30.095, 15.659
xyY	0.288, 0.468, 30.095
CIE-LCH	61.736, 53.829, 147.093
CIE-LUV	61.736, -43.757, 44.655
Hunter-Lab	54.859, -35.739, 21.478
Binary	01000101, 10101000, 01011111

#45a85f
```
#45a85f rgb(69,168,95)
```
#a8458e
```
#a8458e rgb(168,69,142)
```

Complementary Color

#5da845
```
#5da845 rgb(93,168,69)
```
#45a85f
```
#45a85f rgb(69,168,95)
```
#45a891
```
#45a891 rgb(69,168,145)
```

Analogous Color

#a8455d
```
#a8455d rgb(168,69,93)
```
#45a85f
```
#45a85f rgb(69,168,95)
```
#9145a8
```
#9145a8 rgb(145,69,168)
```

Split Complementary Color

#a85f45
```
#a85f45 rgb(168,95,69)
```
#45a85f
```
#45a85f rgb(69,168,95)
```
#5f45a8
```
#5f45a8 rgb(95,69,168)
```

Triadic Color

#8ea845
```
#8ea845 rgb(142,168,69)
```
#45a85f
```
#45a85f rgb(69,168,95)
```
#5f45a8
```
#5f45a8 rgb(95,69,168)
```
#a8458e
```
#a8458e rgb(168,69,142)
```

Tetradic Color

#2f7240
```
#2f7240 rgb(47,114,64)
```
#36844b
```
#36844b rgb(54,132,75)
```
#3e9655
```
#3e9655 rgb(62,150,85)
```
#45a85f
```
#45a85f rgb(69,168,95)
```
#50b76b
```
#50b76b rgb(80,183,107)
```
#62be7a
```
#62be7a rgb(98,190,122)
```
#74c689
```
#74c689 rgb(116,198,137)
```

Monochromatic Color

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

#45a846
```
#45a846 rgb(69,168,70)
```
#45a84f
```
#45a84f rgb(69,168,79)
```
#45a857
```
#45a857 rgb(69,168,87)
```
#45a85f
```
#45a85f rgb(69,168,95)
```
#45a867
```
#45a867 rgb(69,168,103)
```
#45a870
```
#45a870 rgb(69,168,112)
```
#45a878
```
#45a878 rgb(69,168,120)
```

Similar Colors

Text with hexadecimal color #45a85f

This text has a font color of #45a85f.

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

#45a85f background color

This paragraph has a background color of #45a85f.

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

#45a85f border color

This element has a border color of #45a85f.

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

CSS codes

.text {color:#45a85f;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060f09
```
#060f09 rgb(6,15,9)
```
#0c1d10
```
#0c1d10 rgb(12,29,16)
```
#122b18
```
#122b18 rgb(18,43,24)
```
#173920
```
#173920 rgb(23,57,32)
```
#1d4728
```
#1d4728 rgb(29,71,40)
```
#235530
```
#235530 rgb(35,85,48)
```
#286238
```
#286238 rgb(40,98,56)
```
#2e7040
```
#2e7040 rgb(46,112,64)
```
#347e47
```
#347e47 rgb(52,126,71)
```
#3a8c4f
```
#3a8c4f rgb(58,140,79)
```
#3f9a57
```
#3f9a57 rgb(63,154,87)
```
#45a85f
```
#45a85f rgb(69,168,95)
```

Shade Color Variation

#4bb567
```
#4bb567 rgb(75,181,103)
```
#59bb73
```
#59bb73 rgb(89,187,115)
```
#67c17f
```
#67c17f rgb(103,193,127)
```
#75c68a
```
#75c68a rgb(117,198,138)
```
#83cc96
```
#83cc96 rgb(131,204,150)
```
#91d2a2
```
#91d2a2 rgb(145,210,162)
```
#9fd7ae
```
#9fd7ae rgb(159,215,174)
```
#adddb9
```
#adddb9 rgb(173,221,185)
```
#bbe3c5
```
#bbe3c5 rgb(187,227,197)
```
#c9e9d1
```
#c9e9d1 rgb(201,233,209)
```
#d6eedd
```
#d6eedd rgb(214,238,221)
```
#e4f4e8
```
#e4f4e8 rgb(228,244,232)
```
#f2faf4
```
#f2faf4 rgb(242,250,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737a75 is the less saturated color, while #05e841 is the most saturated one.

#737a75
```
#737a75 rgb(115,122,117)
```
#698470
```
#698470 rgb(105,132,112)
```
#608d6c
```
#608d6c rgb(96,141,108)
```
#579668
```
#579668 rgb(87,150,104)
```
#4e9f63
```
#4e9f63 rgb(78,159,99)
```
#45a85f
```
#45a85f rgb(69,168,95)
```
#3cb15b
```
#3cb15b rgb(60,177,91)
```
#33ba56
```
#33ba56 rgb(51,186,86)
```
#2ac352
```
#2ac352 rgb(42,195,82)
```
#21cc4e
```
#21cc4e rgb(33,204,78)
```
#17d649
```
#17d649 rgb(23,214,73)
```
#0edf45
```
#0edf45 rgb(14,223,69)
```
#05e841
```
#05e841 rgb(5,232,65)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#768a7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89a60 Protanopia 1% of men
#b6946f Deuteranopia 1% of men
#66a3af Tritanopia 0.001% of the population

Trichromacy

#849f60 Protanomaly 1% of men, 0.01% of women
#8d9b69 Deuteranomaly 6% of men, 0.4% of women
#5aa592 Tritanomaly 0.01% of the population

#45a85f hex color

#45a85f Color Information

#45a85f Color Conversion

Color Schemes with #45a85f

Alternatives to #45a85f

#45a85f Preview

Shades and Tints of #45a85f

Tones of #45a85f

Color Blindness Simulator