#45a460 hex color

In a RGB color space, hex #45a460 is composed of 27.1% red, 64.3% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 0% magenta, 41.5% yellow and 35.7% black. It has a hue angle of 137.1 degrees, a saturation of 40.8% and a lightness of 45.7%. #45a460 color hex could be obtained by blending #8affc0 with #004900. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 27
- G 64
- B 38
RGB color chart
- C 58
- M 0
- Y 41
- K 36
CMYK color chart

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

The hexadecimal color #45a460 has RGB values of R:69, G:164, B:96 and CMYK values of C:0.58, M:0, Y:0.41, K:0.36. Its decimal value is 4564064.

Hex triplet	45a460	`#45a460`
RGB Decimal	69, 164, 96	`rgb(69,164,96)`
RGB Percent	27.1, 64.3, 37.6	`rgb(27.1%,64.3%,37.6%)`
CMYK	58, 0, 41, 36
HSL	137.1°, 40.8, 45.7	`hsl(137.1,40.8%,45.7%)`
HSV (or HSB)	137.1°, 57.9, 64.3
Web Safe	339966	`#339966`

CIE-LAB	60.48, -43.376, 27.081
XYZ	17.84, 28.659, 15.657
xyY	0.287, 0.461, 28.659
CIE-LCH	60.48, 51.135, 148.022
CIE-LUV	60.48, -42.135, 41.715
Hunter-Lab	53.534, -34.201, 20.133
Binary	01000101, 10100100, 01100000

#45a460
```
#45a460 rgb(69,164,96)
```
#a44589
```
#a44589 rgb(164,69,137)
```

Complementary Color

#5aa445
```
#5aa445 rgb(90,164,69)
```
#45a460
```
#45a460 rgb(69,164,96)
```
#45a490
```
#45a490 rgb(69,164,144)
```

Analogous Color

#a4455a
```
#a4455a rgb(164,69,90)
```
#45a460
```
#45a460 rgb(69,164,96)
```
#9045a4
```
#9045a4 rgb(144,69,164)
```

Split Complementary Color

#a46045
```
#a46045 rgb(164,96,69)
```
#45a460
```
#45a460 rgb(69,164,96)
```
#6045a4
```
#6045a4 rgb(96,69,164)
```

Triadic Color

#89a445
```
#89a445 rgb(137,164,69)
```
#45a460
```
#45a460 rgb(69,164,96)
```
#6045a4
```
#6045a4 rgb(96,69,164)
```
#a44589
```
#a44589 rgb(164,69,137)
```

Tetradic Color

#2e6e40
```
#2e6e40 rgb(46,110,64)
```
#36804b
```
#36804b rgb(54,128,75)
```
#3d9255
```
#3d9255 rgb(61,146,85)
```
#45a460
```
#45a460 rgb(69,164,96)
```
#4eb56b
```
#4eb56b rgb(78,181,107)
```
#60bc7a
```
#60bc7a rgb(96,188,122)
```
#72c489
```
#72c489 rgb(114,196,137)
```

Monochromatic Color

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

#45a448
```
#45a448 rgb(69,164,72)
```
#45a450
```
#45a450 rgb(69,164,80)
```
#45a458
```
#45a458 rgb(69,164,88)
```
#45a460
```
#45a460 rgb(69,164,96)
```
#45a468
```
#45a468 rgb(69,164,104)
```
#45a470
```
#45a470 rgb(69,164,112)
```
#45a478
```
#45a478 rgb(69,164,120)
```

Similar Colors

Text with hexadecimal color #45a460

This text has a font color of #45a460.

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

#45a460 background color

This paragraph has a background color of #45a460.

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

#45a460 border color

This element has a border color of #45a460.

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

CSS codes

.text {color:#45a460;}

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

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

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

#050c07
```
#050c07 rgb(5,12,7)
```
#0b1a0f
```
#0b1a0f rgb(11,26,15)
```
#112817
```
#112817 rgb(17,40,23)
```
#17361f
```
#17361f rgb(23,54,31)
```
#1c4327
```
#1c4327 rgb(28,67,39)
```
#225130
```
#225130 rgb(34,81,48)
```
#285f38
```
#285f38 rgb(40,95,56)
```
#2e6d40
```
#2e6d40 rgb(46,109,64)
```
#347b48
```
#347b48 rgb(52,123,72)
```
#398850
```
#398850 rgb(57,136,80)
```
#3f9658
```
#3f9658 rgb(63,150,88)
```
#45a460
```
#45a460 rgb(69,164,96)
```
#4bb268
```
#4bb268 rgb(75,178,104)
```

Shade Color Variation

#58b973
```
#58b973 rgb(88,185,115)
```
#65be7f
```
#65be7f rgb(101,190,127)
```
#73c48a
```
#73c48a rgb(115,196,138)
```
#81ca96
```
#81ca96 rgb(129,202,150)
```
#8fd0a1
```
#8fd0a1 rgb(143,208,161)
```
#9dd6ad
```
#9dd6ad rgb(157,214,173)
```
#aadbb8
```
#aadbb8 rgb(170,219,184)
```
#b8e1c4
```
#b8e1c4 rgb(184,225,196)
```
#c6e7cf
```
#c6e7cf rgb(198,231,207)
```
#d4eddb
```
#d4eddb rgb(212,237,219)
```
#e2f3e7
```
#e2f3e7 rgb(226,243,231)
```
#f0f8f2
```
#f0f8f2 rgb(240,248,242)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#727773
```
#727773 rgb(114,119,115)
```
#69806f
```
#69806f rgb(105,128,111)
```
#60896c
```
#60896c rgb(96,137,108)
```
#579268
```
#579268 rgb(87,146,104)
```
#4e9b64
```
#4e9b64 rgb(78,155,100)
```
#45a460
```
#45a460 rgb(69,164,96)
```
#3cad5c
```
#3cad5c rgb(60,173,92)
```
#33b658
```
#33b658 rgb(51,182,88)
```
#2abf54
```
#2abf54 rgb(42,191,84)
```
#21c851
```
#21c851 rgb(33,200,81)
```
#18d14d
```
#18d14d rgb(24,209,77)
```
#0fda49
```
#0fda49 rgb(15,218,73)
```
#06e345
```
#06e345 rgb(6,227,69)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#74877a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49761 Protanopia 1% of men
#b29170 Deuteranopia 1% of men
#64a0ac Tritanopia 0.001% of the population

Trichromacy

#819c61 Protanomaly 1% of men, 0.01% of women
#8a986a Deuteranomaly 6% of men, 0.4% of women
#59a190 Tritanomaly 0.01% of the population

#45a460 hex color

#45a460 Color Information

#45a460 Color Conversion

Color Schemes with #45a460

Alternatives to #45a460

#45a460 Preview

Shades and Tints of #45a460

Tones of #45a460

Color Blindness Simulator