#45a253 hex color

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

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

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

The hexadecimal color #45a253 has RGB values of R:69, G:162, B:83 and CMYK values of C:0.57, M:0, Y:0.49, K:0.36. Its decimal value is 4563539.

Hex triplet	45a253	`#45a253`
RGB Decimal	69, 162, 83	`rgb(69,162,83)`
RGB Percent	27.1, 63.5, 32.5	`rgb(27.1%,63.5%,32.5%)`
CMYK	57, 0, 49, 36
HSL	129°, 40.3, 45.3	`hsl(129,40.3%,45.3%)`
HSV (or HSB)	129°, 57.4, 63.5
Web Safe	339966	`#339966`

CIE-LAB	59.643, -44.695, 32.847
XYZ	16.935, 27.729, 12.643
xyY	0.296, 0.484, 27.729
CIE-LCH	59.643, 55.467, 143.687
CIE-LUV	59.643, -41.836, 47.874
Hunter-Lab	52.658, -34.747, 22.626
Binary	01000101, 10100010, 01010011

#45a253
```
#45a253 rgb(69,162,83)
```
#a24594
```
#a24594 rgb(162,69,148)
```

Complementary Color

#66a245
```
#66a245 rgb(102,162,69)
```
#45a253
```
#45a253 rgb(69,162,83)
```
#45a282
```
#45a282 rgb(69,162,130)
```

Analogous Color

#a24566
```
#a24566 rgb(162,69,102)
```
#45a253
```
#45a253 rgb(69,162,83)
```
#8245a2
```
#8245a2 rgb(130,69,162)
```

Split Complementary Color

#a25345
```
#a25345 rgb(162,83,69)
```
#45a253
```
#45a253 rgb(69,162,83)
```
#5345a2
```
#5345a2 rgb(83,69,162)
```

Triadic Color

#94a245
```
#94a245 rgb(148,162,69)
```
#45a253
```
#45a253 rgb(69,162,83)
```
#5345a2
```
#5345a2 rgb(83,69,162)
```
#a24594
```
#a24594 rgb(162,69,148)
```

Tetradic Color

#2e6c38
```
#2e6c38 rgb(46,108,56)
```
#367e41
```
#367e41 rgb(54,126,65)
```
#3d904a
```
#3d904a rgb(61,144,74)
```
#45a253
```
#45a253 rgb(69,162,83)
```
#4db35d
```
#4db35d rgb(77,179,93)
```
#5fbb6d
```
#5fbb6d rgb(95,187,109)
```
#71c37d
```
#71c37d rgb(113,195,125)
```

Monochromatic Color

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

#4ea245
```
#4ea245 rgb(78,162,69)
```
#46a245
```
#46a245 rgb(70,162,69)
```
#45a24b
```
#45a24b rgb(69,162,75)
```
#45a253
```
#45a253 rgb(69,162,83)
```
#45a25b
```
#45a25b rgb(69,162,91)
```
#45a263
```
#45a263 rgb(69,162,99)
```
#45a26a
```
#45a26a rgb(69,162,106)
```

Similar Colors

Text with hexadecimal color #45a253

This text has a font color of #45a253.

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

#45a253 background color

This paragraph has a background color of #45a253.

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

#45a253 border color

This element has a border color of #45a253.

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

CSS codes

.text {color:#45a253;}

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

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

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

#050b05
```
#050b05 rgb(5,11,5)
```
#0a180d
```
#0a180d rgb(10,24,13)
```
#102614
```
#102614 rgb(16,38,20)
```
#16341b
```
#16341b rgb(22,52,27)
```
#1c4222
```
#1c4222 rgb(28,66,34)
```
#224f29
```
#224f29 rgb(34,79,41)
```
#285d30
```
#285d30 rgb(40,93,48)
```
#2e6b37
```
#2e6b37 rgb(46,107,55)
```
#33793e
```
#33793e rgb(51,121,62)
```
#398645
```
#398645 rgb(57,134,69)
```
#3f944c
```
#3f944c rgb(63,148,76)
```
#45a253
```
#45a253 rgb(69,162,83)
```
#4bb05a
```
#4bb05a rgb(75,176,90)
```

Shade Color Variation

#57b765
```
#57b765 rgb(87,183,101)
```
#65bd72
```
#65bd72 rgb(101,189,114)
```
#72c37f
```
#72c37f rgb(114,195,127)
```
#80c98b
```
#80c98b rgb(128,201,139)
```
#8ecf98
```
#8ecf98 rgb(142,207,152)
```
#9cd5a4
```
#9cd5a4 rgb(156,213,164)
```
#a9dbb1
```
#a9dbb1 rgb(169,219,177)
```
#b7e0bd
```
#b7e0bd rgb(183,224,189)
```
#c5e6ca
```
#c5e6ca rgb(197,230,202)
```
#d3ecd6
```
#d3ecd6 rgb(211,236,214)
```
#e0f2e3
```
#e0f2e3 rgb(224,242,227)
```
#eef8f0
```
#eef8f0 rgb(238,248,240)
```
#fcfefc
```
#fcfefc rgb(252,254,252)
```

Tint Color Variation

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

#717672
```
#717672 rgb(113,118,114)
```
#697e6c
```
#697e6c rgb(105,126,108)
```
#608766
```
#608766 rgb(96,135,102)
```
#57905f
```
#57905f rgb(87,144,95)
```
#4e9959
```
#4e9959 rgb(78,153,89)
```
#45a253
```
#45a253 rgb(69,162,83)
```
#3cab4d
```
#3cab4d rgb(60,171,77)
```
#33b447
```
#33b447 rgb(51,180,71)
```
#2abd40
```
#2abd40 rgb(42,189,64)
```
#21c63a
```
#21c63a rgb(33,198,58)
```
#19ce34
```
#19ce34 rgb(25,206,52)
```
#10d72e
```
#10d72e rgb(16,215,46)
```
#07e028
```
#07e028 rgb(7,224,40)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#728475 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39555 Protanopia 1% of men
#b28f64 Deuteranopia 1% of men
#659ea9 Tritanopia 0.001% of the population

Trichromacy

#819a54 Protanomaly 1% of men, 0.01% of women
#8a965d Deuteranomaly 6% of men, 0.4% of women
#599f8a Tritanomaly 0.01% of the population

#45a253 hex color

#45a253 Color Information

#45a253 Color Conversion

Color Schemes with #45a253

Alternatives to #45a253

#45a253 Preview

Shades and Tints of #45a253

Tones of #45a253

Color Blindness Simulator