#45b057 hex color

In a RGB color space, hex #45b057 is composed of 27.1% red, 69% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 0% magenta, 50.6% yellow and 31% black. It has a hue angle of 130.1 degrees, a saturation of 43.7% and a lightness of 48%. #45b057 color hex could be obtained by blending #8affae with #006100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 27
- G 69
- B 34
RGB color chart
- C 61
- M 0
- Y 51
- K 31
CMYK color chart

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

The hexadecimal color #45b057 has RGB values of R:69, G:176, B:87 and CMYK values of C:0.61, M:0, Y:0.51, K:0.31. Its decimal value is 4567127.

Hex triplet	45b057	`#45b057`
RGB Decimal	69, 176, 87	`rgb(69,176,87)`
RGB Percent	27.1, 69, 34.1	`rgb(27.1%,69%,34.1%)`
CMYK	61, 0, 51, 31
HSL	130.1°, 43.7, 48	`hsl(130.1,43.7%,48%)`
HSV (or HSB)	130.1°, 60.8, 69
Web Safe	339966	`#339966`

CIE-LAB	64.163, -49.635, 36.436
XYZ	19.699, 33.002, 14.348
xyY	0.294, 0.492, 33.002
CIE-LCH	64.163, 61.573, 143.718
CIE-LUV	64.163, -47.189, 53.526
Hunter-Lab	57.448, -39.326, 25.405
Binary	01000101, 10110000, 01010111

#45b057
```
#45b057 rgb(69,176,87)
```
#b0459e
```
#b0459e rgb(176,69,158)
```

Complementary Color

#69b045
```
#69b045 rgb(105,176,69)
```
#45b057
```
#45b057 rgb(69,176,87)
```
#45b08d
```
#45b08d rgb(69,176,141)
```

Analogous Color

#b04569
```
#b04569 rgb(176,69,105)
```
#45b057
```
#45b057 rgb(69,176,87)
```
#8d45b0
```
#8d45b0 rgb(141,69,176)
```

Split Complementary Color

#b05745
```
#b05745 rgb(176,87,69)
```
#45b057
```
#45b057 rgb(69,176,87)
```
#5745b0
```
#5745b0 rgb(87,69,176)
```

Triadic Color

#9eb045
```
#9eb045 rgb(158,176,69)
```
#45b057
```
#45b057 rgb(69,176,87)
```
#5745b0
```
#5745b0 rgb(87,69,176)
```
#b0459e
```
#b0459e rgb(176,69,158)
```

Tetradic Color

#2f793c
```
#2f793c rgb(47,121,60)
```
#378b45
```
#378b45 rgb(55,139,69)
```
#3e9e4e
```
#3e9e4e rgb(62,158,78)
```
#45b057
```
#45b057 rgb(69,176,87)
```
#53bc65
```
#53bc65 rgb(83,188,101)
```
#65c375
```
#65c375 rgb(101,195,117)
```
#78ca85
```
#78ca85 rgb(120,202,133)
```

Monochromatic Color

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

#4eb045
```
#4eb045 rgb(78,176,69)
```
#45b045
```
#45b045 rgb(69,176,69)
```
#45b04e
```
#45b04e rgb(69,176,78)
```
#45b057
```
#45b057 rgb(69,176,87)
```
#45b060
```
#45b060 rgb(69,176,96)
```
#45b069
```
#45b069 rgb(69,176,105)
```
#45b072
```
#45b072 rgb(69,176,114)
```

Similar Colors

Text with hexadecimal color #45b057

This text has a font color of #45b057.

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

#45b057 background color

This paragraph has a background color of #45b057.

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

#45b057 border color

This element has a border color of #45b057.

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

CSS codes

.text {color:#45b057;}

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

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

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

#030703
```
#030703 rgb(3,7,3)
```
#08150a
```
#08150a rgb(8,21,10)
```
#0e2311
```
#0e2311 rgb(14,35,17)
```
#133118
```
#133118 rgb(19,49,24)
```
#193f1f
```
#193f1f rgb(25,63,31)
```
#1e4d26
```
#1e4d26 rgb(30,77,38)
```
#245b2d
```
#245b2d rgb(36,91,45)
```
#296a34
```
#296a34 rgb(41,106,52)
```
#2f783b
```
#2f783b rgb(47,120,59)
```
#348642
```
#348642 rgb(52,134,66)
```
#3a9449
```
#3a9449 rgb(58,148,73)
```
#3fa250
```
#3fa250 rgb(63,162,80)
```
#45b057
```
#45b057 rgb(69,176,87)
```

Shade Color Variation

#4fba61
```
#4fba61 rgb(79,186,97)
```
#5dbf6d
```
#5dbf6d rgb(93,191,109)
```
#6bc57a
```
#6bc57a rgb(107,197,122)
```
#79ca87
```
#79ca87 rgb(121,202,135)
```
#87d093
```
#87d093 rgb(135,208,147)
```
#95d6a0
```
#95d6a0 rgb(149,214,160)
```
#a3dbad
```
#a3dbad rgb(163,219,173)
```
#b1e1b9
```
#b1e1b9 rgb(177,225,185)
```
#bfe6c6
```
#bfe6c6 rgb(191,230,198)
```
#ceecd3
```
#ceecd3 rgb(206,236,211)
```
#dcf1df
```
#dcf1df rgb(220,241,223)
```
#eaf7ec
```
#eaf7ec rgb(234,247,236)
```
#f8fcf9
```
#f8fcf9 rgb(248,252,249)
```

Tint Color Variation

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

#748176
```
#748176 rgb(116,129,118)
```
#6b8a70
```
#6b8a70 rgb(107,138,112)
```
#61946a
```
#61946a rgb(97,148,106)
```
#589d64
```
#589d64 rgb(88,157,100)
```
#4ea75d
```
#4ea75d rgb(78,167,93)
```
#45b057
```
#45b057 rgb(69,176,87)
```
#3cb951
```
#3cb951 rgb(60,185,81)
```
#32c34a
```
#32c34a rgb(50,195,74)
```
#29cc44
```
#29cc44 rgb(41,204,68)
```
#1fd63e
```
#1fd63e rgb(31,214,62)
```
#16df38
```
#16df38 rgb(22,223,56)
```
#0ce931
```
#0ce931 rgb(12,233,49)
```
#03f22b
```
#03f22b rgb(3,242,43)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#798e7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a059 Protanopia 1% of men
#c09a69 Deuteranopia 1% of men
#6aaab6 Tritanopia 0.001% of the population

Trichromacy

#89a658 Protanomaly 1% of men, 0.01% of women
#93a262 Deuteranomaly 6% of men, 0.4% of women
#5cac93 Tritanomaly 0.01% of the population

#45b057 hex color

#45b057 Color Information

#45b057 Color Conversion

Color Schemes with #45b057

Alternatives to #45b057

#45b057 Preview

Shades and Tints of #45b057

Tones of #45b057

Color Blindness Simulator