#45a276 hex color

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

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

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

The hexadecimal color #45a276 has RGB values of R:69, G:162, B:118 and CMYK values of C:0.57, M:0, Y:0.27, K:0.36. Its decimal value is 4563574.

Hex triplet	45a276	`#45a276`
RGB Decimal	69, 162, 118	`rgb(69,162,118)`
RGB Percent	27.1, 63.5, 46.3	`rgb(27.1%,63.5%,46.3%)`
CMYK	57, 0, 27, 36
HSL	151.6°, 40.3, 45.3	`hsl(151.6,40.3%,45.3%)`
HSV (or HSB)	151.6°, 57.4, 63.5
Web Safe	339966	`#339966`

CIE-LAB	60.26, -38.192, 14.766
XYZ	18.643, 28.412, 21.64
xyY	0.271, 0.414, 28.412
CIE-LCH	60.26, 40.947, 158.862
CIE-LUV	60.26, -40.38, 26.09
Hunter-Lab	53.303, -30.849, 13.242
Binary	01000101, 10100010, 01110110

#45a276
```
#45a276 rgb(69,162,118)
```
#a24571
```
#a24571 rgb(162,69,113)
```

Complementary Color

#45a248
```
#45a248 rgb(69,162,72)
```
#45a276
```
#45a276 rgb(69,162,118)
```
#45a0a2
```
#45a0a2 rgb(69,160,162)
```

Analogous Color

#a24845
```
#a24845 rgb(162,72,69)
```
#45a276
```
#45a276 rgb(69,162,118)
```
#a245a0
```
#a245a0 rgb(162,69,160)
```

Split Complementary Color

#a27645
```
#a27645 rgb(162,118,69)
```
#45a276
```
#45a276 rgb(69,162,118)
```
#7645a2
```
#7645a2 rgb(118,69,162)
```

Triadic Color

#71a245
```
#71a245 rgb(113,162,69)
```
#45a276
```
#45a276 rgb(69,162,118)
```
#7645a2
```
#7645a2 rgb(118,69,162)
```
#a24571
```
#a24571 rgb(162,69,113)
```

Tetradic Color

#2e6c4f
```
#2e6c4f rgb(46,108,79)
```
#367e5c
```
#367e5c rgb(54,126,92)
```
#3d9069
```
#3d9069 rgb(61,144,105)
```
#45a276
```
#45a276 rgb(69,162,118)
```
#4db383
```
#4db383 rgb(77,179,131)
```
#5fbb8f
```
#5fbb8f rgb(95,187,143)
```
#71c39c
```
#71c39c rgb(113,195,156)
```

Monochromatic Color

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

#45a25f
```
#45a25f rgb(69,162,95)
```
#45a267
```
#45a267 rgb(69,162,103)
```
#45a26e
```
#45a26e rgb(69,162,110)
```
#45a276
```
#45a276 rgb(69,162,118)
```
#45a27e
```
#45a27e rgb(69,162,126)
```
#45a286
```
#45a286 rgb(69,162,134)
```
#45a28d
```
#45a28d rgb(69,162,141)
```

Similar Colors

Text with hexadecimal color #45a276

This text has a font color of #45a276.

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

#45a276 background color

This paragraph has a background color of #45a276.

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

#45a276 border color

This element has a border color of #45a276.

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

CSS codes

.text {color:#45a276;}

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

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

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

#050b08
```
#050b08 rgb(5,11,8)
```
#0a1812
```
#0a1812 rgb(10,24,18)
```
#10261c
```
#10261c rgb(16,38,28)
```
#163426
```
#163426 rgb(22,52,38)
```
#1c4230
```
#1c4230 rgb(28,66,48)
```
#224f3a
```
#224f3a rgb(34,79,58)
```
#285d44
```
#285d44 rgb(40,93,68)
```
#2e6b4e
```
#2e6b4e rgb(46,107,78)
```
#337958
```
#337958 rgb(51,121,88)
```
#398662
```
#398662 rgb(57,134,98)
```
#3f946c
```
#3f946c rgb(63,148,108)
```
#45a276
```
#45a276 rgb(69,162,118)
```
#4bb080
```
#4bb080 rgb(75,176,128)
```

Shade Color Variation

#57b78a
```
#57b78a rgb(87,183,138)
```
#65bd93
```
#65bd93 rgb(101,189,147)
```
#72c39d
```
#72c39d rgb(114,195,157)
```
#80c9a6
```
#80c9a6 rgb(128,201,166)
```
#8ecfb0
```
#8ecfb0 rgb(142,207,176)
```
#9cd5ba
```
#9cd5ba rgb(156,213,186)
```
#a9dbc3
```
#a9dbc3 rgb(169,219,195)
```
#b7e0cd
```
#b7e0cd rgb(183,224,205)
```
#c5e6d6
```
#c5e6d6 rgb(197,230,214)
```
#d3ece0
```
#d3ece0 rgb(211,236,224)
```
#e0f2ea
```
#e0f2ea rgb(224,242,234)
```
#eef8f3
```
#eef8f3 rgb(238,248,243)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#717674
```
#717674 rgb(113,118,116)
```
#697e74
```
#697e74 rgb(105,126,116)
```
#608775
```
#608775 rgb(96,135,117)
```
#579075
```
#579075 rgb(87,144,117)
```
#4e9976
```
#4e9976 rgb(78,153,118)
```
#45a276
```
#45a276 rgb(69,162,118)
```
#3cab76
```
#3cab76 rgb(60,171,118)
```
#33b477
```
#33b477 rgb(51,180,119)
```
#2abd77
```
#2abd77 rgb(42,189,119)
```
#21c678
```
#21c678 rgb(33,198,120)
```
#19ce78
```
#19ce78 rgb(25,206,120)
```
#10d779
```
#10d779 rgb(16,215,121)
```
#07e079
```
#07e079 rgb(7,224,121)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#75887f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09676 Protanopia 1% of men
#ab9184 Deuteranopia 1% of men
#60a0ac Tritanopia 0.001% of the population

Trichromacy

#7f9a76 Protanomaly 1% of men, 0.01% of women
#86977f Deuteranomaly 6% of men, 0.4% of women
#56a198 Tritanomaly 0.01% of the population

#45a276 hex color

#45a276 Color Information

#45a276 Color Conversion

Color Schemes with #45a276

Alternatives to #45a276

#45a276 Preview

Shades and Tints of #45a276

Tones of #45a276

Color Blindness Simulator