#45a057 hex color

In a RGB color space, hex #45a057 is composed of 27.1% red, 62.7% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 0% magenta, 45.6% yellow and 37.3% black. It has a hue angle of 131.9 degrees, a saturation of 39.7% and a lightness of 44.9%. #45a057 color hex could be obtained by blending #8affae with #004100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 27
- G 63
- B 34
RGB color chart
- C 57
- M 0
- Y 46
- K 37
CMYK color chart

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

The hexadecimal color #45a057 has RGB values of R:69, G:160, B:87 and CMYK values of C:0.57, M:0, Y:0.46, K:0.37. Its decimal value is 4563031.

Hex triplet	45a057	`#45a057`
RGB Decimal	69, 160, 87	`rgb(69,160,87)`
RGB Percent	27.1, 62.7, 34.1	`rgb(27.1%,62.7%,34.1%)`
CMYK	57, 0, 46, 37
HSL	131.9°, 39.7, 44.9	`hsl(131.9,39.7%,44.9%)`
HSV (or HSB)	131.9°, 56.9, 62.7
Web Safe	339966	`#339966`

CIE-LAB	59.061, -43.244, 30.024
XYZ	16.744, 27.094, 13.364
xyY	0.293, 0.474, 27.094
CIE-LCH	59.061, 52.645, 145.229
CIE-LUV	59.061, -40.888, 44.57
Hunter-Lab	52.052, -33.669, 21.214
Binary	01000101, 10100000, 01010111

#45a057
```
#45a057 rgb(69,160,87)
```
#a0458e
```
#a0458e rgb(160,69,142)
```

Complementary Color

#61a045
```
#61a045 rgb(97,160,69)
```
#45a057
```
#45a057 rgb(69,160,87)
```
#45a085
```
#45a085 rgb(69,160,133)
```

Analogous Color

#a04561
```
#a04561 rgb(160,69,97)
```
#45a057
```
#45a057 rgb(69,160,87)
```
#8545a0
```
#8545a0 rgb(133,69,160)
```

Split Complementary Color

#a05745
```
#a05745 rgb(160,87,69)
```
#45a057
```
#45a057 rgb(69,160,87)
```
#5745a0
```
#5745a0 rgb(87,69,160)
```

Triadic Color

#8ea045
```
#8ea045 rgb(142,160,69)
```
#45a057
```
#45a057 rgb(69,160,87)
```
#5745a0
```
#5745a0 rgb(87,69,160)
```
#a0458e
```
#a0458e rgb(160,69,142)
```

Tetradic Color

#2e6b3a
```
#2e6b3a rgb(46,107,58)
```
#367c44
```
#367c44 rgb(54,124,68)
```
#3d8e4d
```
#3d8e4d rgb(61,142,77)
```
#45a057
```
#45a057 rgb(69,160,87)
```
#4db261
```
#4db261 rgb(77,178,97)
```
#5eba70
```
#5eba70 rgb(94,186,112)
```
#70c180
```
#70c180 rgb(112,193,128)
```

Monochromatic Color

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

#4aa045
```
#4aa045 rgb(74,160,69)
```
#45a048
```
#45a048 rgb(69,160,72)
```
#45a04f
```
#45a04f rgb(69,160,79)
```
#45a057
```
#45a057 rgb(69,160,87)
```
#45a05f
```
#45a05f rgb(69,160,95)
```
#45a066
```
#45a066 rgb(69,160,102)
```
#45a06e
```
#45a06e rgb(69,160,110)
```

Similar Colors

Text with hexadecimal color #45a057

This text has a font color of #45a057.

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

#45a057 background color

This paragraph has a background color of #45a057.

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

#45a057 border color

This element has a border color of #45a057.

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

CSS codes

.text {color:#45a057;}

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

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

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

#040905
```
#040905 rgb(4,9,5)
```
#0a170c
```
#0a170c rgb(10,23,12)
```
#102514
```
#102514 rgb(16,37,20)
```
#16321b
```
#16321b rgb(22,50,27)
```
#1c4023
```
#1c4023 rgb(28,64,35)
```
#224e2a
```
#224e2a rgb(34,78,42)
```
#275b32
```
#275b32 rgb(39,91,50)
```
#2d6939
```
#2d6939 rgb(45,105,57)
```
#337741
```
#337741 rgb(51,119,65)
```
#398548
```
#398548 rgb(57,133,72)
```
#3f9250
```
#3f9250 rgb(63,146,80)
```
#45a057
```
#45a057 rgb(69,160,87)
```
#4bae5e
```
#4bae5e rgb(75,174,94)
```

Shade Color Variation

#56b669
```
#56b669 rgb(86,182,105)
```
#64bc75
```
#64bc75 rgb(100,188,117)
```
#71c281
```
#71c281 rgb(113,194,129)
```
#7fc88e
```
#7fc88e rgb(127,200,142)
```
#8dce9a
```
#8dce9a rgb(141,206,154)
```
#9bd4a6
```
#9bd4a6 rgb(155,212,166)
```
#a8dab2
```
#a8dab2 rgb(168,218,178)
```
#b6e0be
```
#b6e0be rgb(182,224,190)
```
#c4e5ca
```
#c4e5ca rgb(196,229,202)
```
#d1ebd7
```
#d1ebd7 rgb(209,235,215)
```
#dff1e3
```
#dff1e3 rgb(223,241,227)
```
#edf7ef
```
#edf7ef rgb(237,247,239)
```
#fbfdfb
```
#fbfdfb rgb(251,253,251)
```

Tint Color Variation

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

#717472
```
#717472 rgb(113,116,114)
```
#687d6c
```
#687d6c rgb(104,125,108)
```
#5f8667
```
#5f8667 rgb(95,134,103)
```
#578e62
```
#578e62 rgb(87,142,98)
```
#4e975c
```
#4e975c rgb(78,151,92)
```
#45a057
```
#45a057 rgb(69,160,87)
```
#3ca952
```
#3ca952 rgb(60,169,82)
```
#33b24c
```
#33b24c rgb(51,178,76)
```
#2bba47
```
#2bba47 rgb(43,186,71)
```
#22c342
```
#22c342 rgb(34,195,66)
```
#19cc3c
```
#19cc3c rgb(25,204,60)
```
#10d537
```
#10d537 rgb(16,213,55)
```
#07de32
```
#07de32 rgb(7,222,50)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#718375 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19459 Protanopia 1% of men
#af8e67 Deuteranopia 1% of men
#649ca7 Tritanopia 0.001% of the population

Trichromacy

#7f9858 Protanomaly 1% of men, 0.01% of women
#889461 Deuteranomaly 6% of men, 0.4% of women
#599d8a Tritanomaly 0.01% of the population

#45a057 hex color

#45a057 Color Information

#45a057 Color Conversion

Color Schemes with #45a057

Alternatives to #45a057

#45a057 Preview

Shades and Tints of #45a057

Tones of #45a057

Color Blindness Simulator