#45e870 hex color

In a RGB color space, hex #45e870 is composed of 27.1% red, 91% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 0% magenta, 51.7% yellow and 9% black. It has a hue angle of 135.8 degrees, a saturation of 78% and a lightness of 59%. #45e870 color hex could be obtained by blending #8affe0 with #00d100. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 27
- G 91
- B 44
RGB color chart
- C 70
- M 0
- Y 52
- K 9
CMYK color chart

● #45e870 color description : Bright cyan - lime green.

The hexadecimal color #45e870 has RGB values of R:69, G:232, B:112 and CMYK values of C:0.7, M:0, Y:0.52, K:0.09. Its decimal value is 4581488.

Hex triplet	45e870	`#45e870`
RGB Decimal	69, 232, 112	`rgb(69,232,112)`
RGB Percent	27.1, 91, 43.9	`rgb(27.1%,91%,43.9%)`
CMYK	70, 0, 52, 9
HSL	135.8°, 78, 59	`hsl(135.8,78%,59%)`
HSV (or HSB)	135.8°, 70.3, 91
Web Safe	33ff66	`#33ff66`

CIE-LAB	81.917, -66.31, 46.137
XYZ	34.233, 60.145, 25.133
xyY	0.286, 0.503, 60.145
CIE-LCH	81.917, 80.781, 145.171
CIE-LUV	81.917, -66.562, 70.978
Hunter-Lab	77.553, -56.925, 35.073
Binary	01000101, 11101000, 01110000

#45e870
```
#45e870 rgb(69,232,112)
```
#e845bd
```
#e845bd rgb(232,69,189)
```

Complementary Color

#6ce845
```
#6ce845 rgb(108,232,69)
```
#45e870
```
#45e870 rgb(69,232,112)
```
#45e8c2
```
#45e8c2 rgb(69,232,194)
```

Analogous Color

#e8456c
```
#e8456c rgb(232,69,108)
```
#45e870
```
#45e870 rgb(69,232,112)
```
#c245e8
```
#c245e8 rgb(194,69,232)
```

Split Complementary Color

#e87045
```
#e87045 rgb(232,112,69)
```
#45e870
```
#45e870 rgb(69,232,112)
```
#7045e8
```
#7045e8 rgb(112,69,232)
```

Triadic Color

#bde845
```
#bde845 rgb(189,232,69)
```
#45e870
```
#45e870 rgb(69,232,112)
```
#7045e8
```
#7045e8 rgb(112,69,232)
```
#e845bd
```
#e845bd rgb(232,69,189)
```

Tetradic Color

#19c847
```
#19c847 rgb(25,200,71)
```
#1cde4f
```
#1cde4f rgb(28,222,79)
```
#2ee55f
```
#2ee55f rgb(46,229,95)
```
#45e870
```
#45e870 rgb(69,232,112)
```
#5ceb81
```
#5ceb81 rgb(92,235,129)
```
#72ee93
```
#72ee93 rgb(114,238,147)
```
#89f0a4
```
#89f0a4 rgb(137,240,164)
```

Monochromatic Color

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

#45e847
```
#45e847 rgb(69,232,71)
```
#45e855
```
#45e855 rgb(69,232,85)
```
#45e862
```
#45e862 rgb(69,232,98)
```
#45e870
```
#45e870 rgb(69,232,112)
```
#45e87e
```
#45e87e rgb(69,232,126)
```
#45e88b
```
#45e88b rgb(69,232,139)
```
#45e899
```
#45e899 rgb(69,232,153)
```

Similar Colors

Text with hexadecimal color #45e870

This text has a font color of #45e870.

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

#45e870 background color

This paragraph has a background color of #45e870.

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

#45e870 border color

This element has a border color of #45e870.

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

CSS codes

.text {color:#45e870;}

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

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

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, #010602 is the darkest color, while #f4fef6 is the lightest one.

#010602
```
#010602 rgb(1,6,2)
```
#031708
```
#031708 rgb(3,23,8)
```
#05290f
```
#05290f rgb(5,41,15)
```
#073a15
```
#073a15 rgb(7,58,21)
```
#094c1b
```
#094c1b rgb(9,76,27)
```
#0c5d21
```
#0c5d21 rgb(12,93,33)
```
#0e6f27
```
#0e6f27 rgb(14,111,39)
```
#10802d
```
#10802d rgb(16,128,45)
```
#129234
```
#129234 rgb(18,146,52)
```
#14a33a
```
#14a33a rgb(20,163,58)
```
#16b540
```
#16b540 rgb(22,181,64)
```
#18c646
```
#18c646 rgb(24,198,70)
```
#1bd84c
```
#1bd84c rgb(27,216,76)
```

Shade Color Variation

#22e455
```
#22e455 rgb(34,228,85)
```
#34e663
```
#34e663 rgb(52,230,99)
```
#45e870
```
#45e870 rgb(69,232,112)
```
#56ea7d
```
#56ea7d rgb(86,234,125)
```
#68ec8b
```
#68ec8b rgb(104,236,139)
```
#79ee98
```
#79ee98 rgb(121,238,152)
```
#8bf1a6
```
#8bf1a6 rgb(139,241,166)
```
#9cf3b3
```
#9cf3b3 rgb(156,243,179)
```
#aef5c1
```
#aef5c1 rgb(174,245,193)
```
#bff7ce
```
#bff7ce rgb(191,247,206)
```
#d1f9db
```
#d1f9db rgb(209,249,219)
```
#e2fbe9
```
#e2fbe9 rgb(226,251,233)
```
#f4fef6
```
#f4fef6 rgb(244,254,246)
```

Tint Color Variation

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

#959896
```
#959896 rgb(149,152,150)
```
#8da092
```
#8da092 rgb(141,160,146)
```
#85a88e
```
#85a88e rgb(133,168,142)
```
#7db08b
```
#7db08b rgb(125,176,139)
```
#75b887
```
#75b887 rgb(117,184,135)
```
#6dc083
```
#6dc083 rgb(109,192,131)
```
#65c87f
```
#65c87f rgb(101,200,127)
```
#5dd07b
```
#5dd07b rgb(93,208,123)
```
#55d878
```
#55d878 rgb(85,216,120)
```
#4de074
```
#4de074 rgb(77,224,116)
```
#45e870
```
#45e870 rgb(69,232,112)
```
#3df06c
```
#3df06c rgb(61,240,108)
```
#35f868
```
#35f868 rgb(53,248,104)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#96b69e Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2ce6e Protanopia 1% of men
#f7c584 Deuteranopia 1% of men
#7cdcec Tritanopia 0.001% of the population

Trichromacy

#a9d76f Protanomaly 1% of men, 0.01% of women
#b6d27c Deuteranomaly 6% of men, 0.4% of women
#68e0bf Tritanomaly 0.01% of the population

#45e870 hex color

#45e870 Color Information

#45e870 Color Conversion

Color Schemes with #45e870

Alternatives to #45e870

#45e870 Preview

Shades and Tints of #45e870

Tones of #45e870

Color Blindness Simulator