#45a275 hex color

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

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

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

The hexadecimal color #45a275 has RGB values of R:69, G:162, B:117 and CMYK values of C:0.57, M:0, Y:0.28, K:0.36. Its decimal value is 4563573.

Hex triplet	45a275	`#45a275`
RGB Decimal	69, 162, 117	`rgb(69,162,117)`
RGB Percent	27.1, 63.5, 45.9	`rgb(27.1%,63.5%,45.9%)`
CMYK	57, 0, 28, 36
HSL	151°, 40.3, 45.3	`hsl(151,40.3%,45.3%)`
HSV (or HSB)	151°, 57.4, 63.5
Web Safe	339966	`#339966`

CIE-LAB	60.238, -38.408, 15.292
XYZ	18.584, 28.389, 21.329
xyY	0.272, 0.416, 28.389
CIE-LCH	60.238, 41.341, 158.291
CIE-LUV	60.238, -40.426, 26.795
Hunter-Lab	53.281, -30.982, 13.563
Binary	01000101, 10100010, 01110101

#45a275
```
#45a275 rgb(69,162,117)
```
#a24572
```
#a24572 rgb(162,69,114)
```

Complementary Color

#45a246
```
#45a246 rgb(69,162,70)
```
#45a275
```
#45a275 rgb(69,162,117)
```
#45a1a2
```
#45a1a2 rgb(69,161,162)
```

Analogous Color

#a24645
```
#a24645 rgb(162,70,69)
```
#45a275
```
#45a275 rgb(69,162,117)
```
#a245a1
```
#a245a1 rgb(162,69,161)
```

Split Complementary Color

#a27545
```
#a27545 rgb(162,117,69)
```
#45a275
```
#45a275 rgb(69,162,117)
```
#7545a2
```
#7545a2 rgb(117,69,162)
```

Triadic Color

#72a245
```
#72a245 rgb(114,162,69)
```
#45a275
```
#45a275 rgb(69,162,117)
```
#7545a2
```
#7545a2 rgb(117,69,162)
```
#a24572
```
#a24572 rgb(162,69,114)
```

Tetradic Color

#2e6c4e
```
#2e6c4e rgb(46,108,78)
```
#367e5b
```
#367e5b rgb(54,126,91)
```
#3d9068
```
#3d9068 rgb(61,144,104)
```
#45a275
```
#45a275 rgb(69,162,117)
```
#4db382
```
#4db382 rgb(77,179,130)
```
#5fbb8e
```
#5fbb8e rgb(95,187,142)
```
#71c39b
```
#71c39b rgb(113,195,155)
```

Monochromatic Color

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

#45a25e
```
#45a25e rgb(69,162,94)
```
#45a266
```
#45a266 rgb(69,162,102)
```
#45a26d
```
#45a26d rgb(69,162,109)
```
#45a275
```
#45a275 rgb(69,162,117)
```
#45a27d
```
#45a27d rgb(69,162,125)
```
#45a285
```
#45a285 rgb(69,162,133)
```
#45a28c
```
#45a28c rgb(69,162,140)
```

Similar Colors

Text with hexadecimal color #45a275

This text has a font color of #45a275.

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

#45a275 background color

This paragraph has a background color of #45a275.

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

#45a275 border color

This element has a border color of #45a275.

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

CSS codes

.text {color:#45a275;}

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

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

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)
```
#1c422f
```
#1c422f rgb(28,66,47)
```
#224f39
```
#224f39 rgb(34,79,57)
```
#285d43
```
#285d43 rgb(40,93,67)
```
#2e6b4d
```
#2e6b4d rgb(46,107,77)
```
#337957
```
#337957 rgb(51,121,87)
```
#398661
```
#398661 rgb(57,134,97)
```
#3f946b
```
#3f946b rgb(63,148,107)
```
#45a275
```
#45a275 rgb(69,162,117)
```
#4bb07f
```
#4bb07f rgb(75,176,127)
```

Shade Color Variation

#57b789
```
#57b789 rgb(87,183,137)
```
#65bd92
```
#65bd92 rgb(101,189,146)
```
#72c39c
```
#72c39c rgb(114,195,156)
```
#80c9a6
```
#80c9a6 rgb(128,201,166)
```
#8ecfaf
```
#8ecfaf rgb(142,207,175)
```
#9cd5b9
```
#9cd5b9 rgb(156,213,185)
```
#a9dbc3
```
#a9dbc3 rgb(169,219,195)
```
#b7e0cc
```
#b7e0cc rgb(183,224,204)
```
#c5e6d6
```
#c5e6d6 rgb(197,230,214)
```
#d3ece0
```
#d3ece0 rgb(211,236,224)
```
#e0f2e9
```
#e0f2e9 rgb(224,242,233)
```
#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 #07e077 is the most saturated one.

#717674
```
#717674 rgb(113,118,116)
```
#697e74
```
#697e74 rgb(105,126,116)
```
#608774
```
#608774 rgb(96,135,116)
```
#579074
```
#579074 rgb(87,144,116)
```
#4e9975
```
#4e9975 rgb(78,153,117)
```
#45a275
```
#45a275 rgb(69,162,117)
```
#3cab75
```
#3cab75 rgb(60,171,117)
```
#33b476
```
#33b476 rgb(51,180,118)
```
#2abd76
```
#2abd76 rgb(42,189,118)
```
#21c676
```
#21c676 rgb(33,198,118)
```
#19ce76
```
#19ce76 rgb(25,206,118)
```
#10d777
```
#10d777 rgb(16,215,119)
```
#07e077
```
#07e077 rgb(7,224,119)
```

Tone Color Variation

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

#a09675 Protanopia 1% of men
#ac9183 Deuteranopia 1% of men
#60a0ac Tritanopia 0.001% of the population

Trichromacy

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

#45a275 hex color

#45a275 Color Information

#45a275 Color Conversion

Color Schemes with #45a275

Alternatives to #45a275

#45a275 Preview

Shades and Tints of #45a275

Tones of #45a275

Color Blindness Simulator