#45a269 hex color

In a RGB color space, hex #45a269 is composed of 27.1% red, 63.5% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 0% magenta, 35.2% yellow and 36.5% black. It has a hue angle of 143.2 degrees, a saturation of 40.3% and a lightness of 45.3%. #45a269 color hex could be obtained by blending #8affd2 with #004500. Closest websafe color is: #339966.

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

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

The hexadecimal color #45a269 has RGB values of R:69, G:162, B:105 and CMYK values of C:0.57, M:0, Y:0.35, K:0.36. Its decimal value is 4563561.

Hex triplet	45a269	`#45a269`
RGB Decimal	69, 162, 105	`rgb(69,162,105)`
RGB Percent	27.1, 63.5, 41.2	`rgb(27.1%,63.5%,41.2%)`
CMYK	57, 0, 35, 36
HSL	143.2°, 40.3, 45.3	`hsl(143.2,40.3%,45.3%)`
HSV (or HSB)	143.2°, 57.4, 63.5
Web Safe	339966	`#339966`

CIE-LAB	60.001, -40.867, 21.58
XYZ	17.923, 28.124, 17.848
xyY	0.281, 0.44, 28.124
CIE-LCH	60.001, 46.215, 152.163
CIE-LUV	60.001, -40.963, 34.901
Hunter-Lab	53.032, -32.48, 17.169
Binary	01000101, 10100010, 01101001

#45a269
```
#45a269 rgb(69,162,105)
```
#a2457e
```
#a2457e rgb(162,69,126)
```

Complementary Color

#50a245
```
#50a245 rgb(80,162,69)
```
#45a269
```
#45a269 rgb(69,162,105)
```
#45a298
```
#45a298 rgb(69,162,152)
```

Analogous Color

#a24550
```
#a24550 rgb(162,69,80)
```
#45a269
```
#45a269 rgb(69,162,105)
```
#9845a2
```
#9845a2 rgb(152,69,162)
```

Split Complementary Color

#a26945
```
#a26945 rgb(162,105,69)
```
#45a269
```
#45a269 rgb(69,162,105)
```
#6945a2
```
#6945a2 rgb(105,69,162)
```

Triadic Color

#7ea245
```
#7ea245 rgb(126,162,69)
```
#45a269
```
#45a269 rgb(69,162,105)
```
#6945a2
```
#6945a2 rgb(105,69,162)
```
#a2457e
```
#a2457e rgb(162,69,126)
```

Tetradic Color

#2e6c46
```
#2e6c46 rgb(46,108,70)
```
#367e52
```
#367e52 rgb(54,126,82)
```
#3d905d
```
#3d905d rgb(61,144,93)
```
#45a269
```
#45a269 rgb(69,162,105)
```
#4db375
```
#4db375 rgb(77,179,117)
```
#5fbb83
```
#5fbb83 rgb(95,187,131)
```
#71c391
```
#71c391 rgb(113,195,145)
```

Monochromatic Color

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

#45a252
```
#45a252 rgb(69,162,82)
```
#45a25a
```
#45a25a rgb(69,162,90)
```
#45a261
```
#45a261 rgb(69,162,97)
```
#45a269
```
#45a269 rgb(69,162,105)
```
#45a271
```
#45a271 rgb(69,162,113)
```
#45a279
```
#45a279 rgb(69,162,121)
```
#45a280
```
#45a280 rgb(69,162,128)
```

Similar Colors

Text with hexadecimal color #45a269

This text has a font color of #45a269.

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

#45a269 background color

This paragraph has a background color of #45a269.

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

#45a269 border color

This element has a border color of #45a269.

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

CSS codes

.text {color:#45a269;}

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

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

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

#050b07
```
#050b07 rgb(5,11,7)
```
#0a1810
```
#0a1810 rgb(10,24,16)
```
#102619
```
#102619 rgb(16,38,25)
```
#163422
```
#163422 rgb(22,52,34)
```
#1c422b
```
#1c422b rgb(28,66,43)
```
#224f34
```
#224f34 rgb(34,79,52)
```
#285d3c
```
#285d3c rgb(40,93,60)
```
#2e6b45
```
#2e6b45 rgb(46,107,69)
```
#33794e
```
#33794e rgb(51,121,78)
```
#398657
```
#398657 rgb(57,134,87)
```
#3f9460
```
#3f9460 rgb(63,148,96)
```
#45a269
```
#45a269 rgb(69,162,105)
```
#4bb072
```
#4bb072 rgb(75,176,114)
```

Shade Color Variation

#57b77c
```
#57b77c rgb(87,183,124)
```
#65bd87
```
#65bd87 rgb(101,189,135)
```
#72c392
```
#72c392 rgb(114,195,146)
```
#80c99c
```
#80c99c rgb(128,201,156)
```
#8ecfa7
```
#8ecfa7 rgb(142,207,167)
```
#9cd5b2
```
#9cd5b2 rgb(156,213,178)
```
#a9dbbc
```
#a9dbbc rgb(169,219,188)
```
#b7e0c7
```
#b7e0c7 rgb(183,224,199)
```
#c5e6d2
```
#c5e6d2 rgb(197,230,210)
```
#d3ecdd
```
#d3ecdd rgb(211,236,221)
```
#e0f2e7
```
#e0f2e7 rgb(224,242,231)
```
#eef8f2
```
#eef8f2 rgb(238,248,242)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#717673
```
#717673 rgb(113,118,115)
```
#697e71
```
#697e71 rgb(105,126,113)
```
#60876f
```
#60876f rgb(96,135,111)
```
#57906d
```
#57906d rgb(87,144,109)
```
#4e996b
```
#4e996b rgb(78,153,107)
```
#45a269
```
#45a269 rgb(69,162,105)
```
#3cab67
```
#3cab67 rgb(60,171,103)
```
#33b465
```
#33b465 rgb(51,180,101)
```
#2abd63
```
#2abd63 rgb(42,189,99)
```
#21c661
```
#21c661 rgb(33,198,97)
```
#19ce5f
```
#19ce5f rgb(25,206,95)
```
#10d75d
```
#10d75d rgb(16,215,93)
```
#07e05b
```
#07e05b rgb(7,224,91)
```

Tone Color Variation

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

Dichromacy

#a2966a Protanopia 1% of men
#ae9078 Deuteranopia 1% of men
#629fab Tritanopia 0.001% of the population

Trichromacy

#809a69 Protanomaly 1% of men, 0.01% of women
#889772 Deuteranomaly 6% of men, 0.4% of women
#57a093 Tritanomaly 0.01% of the population

#45a269 hex color

#45a269 Color Information

#45a269 Color Conversion

Color Schemes with #45a269

Alternatives to #45a269

#45a269 Preview

Shades and Tints of #45a269

Tones of #45a269

Color Blindness Simulator