colorhexa.com

#45e470 hex color

In a RGB color space, hex #45e470 is composed of 27.1% red, 89.4% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 69.7% cyan, 0% magenta, 50.9% yellow and 10.6% black. It has a hue angle of 136.2 degrees, a saturation of 74.6% and a lightness of 58.2%. #45e470 color hex could be obtained by blending #8affe0 with #00c900. Closest websafe color is: #33cc66.

- R 27
- G 89
- B 44
RGB color chart
- C 70
- M 0
- Y 51
- K 11
CMYK color chart

● #45e470 color description : Soft cyan - lime green.

The hexadecimal color #45e470 has RGB values of R:69, G:228, B:112 and CMYK values of C:0.7, M:0, Y:0.51, K:0.11. Its decimal value is 4580464.

Hex triplet	45e470	`#45e470`
RGB Decimal	69, 228, 112	`rgb(69,228,112)`
RGB Percent	27.1, 89.4, 43.9	`rgb(27.1%,89.4%,43.9%)`
CMYK	70, 0, 51, 11
HSL	136.2°, 74.6, 58.2	`hsl(136.2,74.6%,58.2%)`
HSV (or HSB)	136.2°, 69.7, 89.4
Web Safe	33cc66	`#33cc66`

CIE-LAB	80.694, -64.935, 44.634
XYZ	33.12, 57.919, 24.762
xyY	0.286, 0.5, 57.919
CIE-LCH	80.694, 78.796, 145.497
CIE-LUV	80.694, -65.173, 68.865
Hunter-Lab	76.104, -55.5, 33.982
Binary	01000101, 11100100, 01110000

#45e470
```
#45e470 rgb(69,228,112)
```
#e445b9
```
#e445b9 rgb(228,69,185)
```

Complementary Color

#6ae445
```
#6ae445 rgb(106,228,69)
```
#45e470
```
#45e470 rgb(69,228,112)
```
#45e4c0
```
#45e4c0 rgb(69,228,192)
```

Analogous Color

#e4456a
```
#e4456a rgb(228,69,106)
```
#45e470
```
#45e470 rgb(69,228,112)
```
#c045e4
```
#c045e4 rgb(192,69,228)
```

Split Complementary Color

#e47045
```
#e47045 rgb(228,112,69)
```
#45e470
```
#45e470 rgb(69,228,112)
```
#7045e4
```
#7045e4 rgb(112,69,228)
```

Triadic Color

#b9e445
```
#b9e445 rgb(185,228,69)
```
#45e470
```
#45e470 rgb(69,228,112)
```
#7045e4
```
#7045e4 rgb(112,69,228)
```
#e445b9
```
#e445b9 rgb(228,69,185)
```

Tetradic Color

#1cc148
```
#1cc148 rgb(28,193,72)
```
#1fd751
```
#1fd751 rgb(31,215,81)
```
#2fe15f
```
#2fe15f rgb(47,225,95)
```
#45e470
```
#45e470 rgb(69,228,112)
```
#5be781
```
#5be781 rgb(91,231,129)
```
#72ea92
```
#72ea92 rgb(114,234,146)
```
#88eea3
```
#88eea3 rgb(136,238,163)
```

Monochromatic Color

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

#45e448
```
#45e448 rgb(69,228,72)
```
#45e456
```
#45e456 rgb(69,228,86)
```
#45e463
```
#45e463 rgb(69,228,99)
```
#45e470
```
#45e470 rgb(69,228,112)
```
#45e47d
```
#45e47d rgb(69,228,125)
```
#45e48b
```
#45e48b rgb(69,228,139)
```
#45e498
```
#45e498 rgb(69,228,152)
```

Similar Colors

Text with hexadecimal color #45e470

This text has a font color of #45e470.

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

#45e470 background color

This paragraph has a background color of #45e470.

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

#45e470 border color

This element has a border color of #45e470.

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

CSS codes

.text {color:#45e470;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#031407
```
#031407 rgb(3,20,7)
```
#05250e
```
#05250e rgb(5,37,14)
```
#083614
```
#083614 rgb(8,54,20)
```
#0a471b
```
#0a471b rgb(10,71,27)
```
#0d5821
```
#0d5821 rgb(13,88,33)
```
#0f6928
```
#0f6928 rgb(15,105,40)
```
#127a2e
```
#127a2e rgb(18,122,46)
```
#148b34
```
#148b34 rgb(20,139,52)
```
#179d3b
```
#179d3b rgb(23,157,59)
```
#19ae41
```
#19ae41 rgb(25,174,65)
```
#1cbf48
```
#1cbf48 rgb(28,191,72)
```
#1ed04e
```
#1ed04e rgb(30,208,78)
```

Shade Color Variation

#23df56
```
#23df56 rgb(35,223,86)
```
#34e263
```
#34e263 rgb(52,226,99)
```
#45e470
```
#45e470 rgb(69,228,112)
```
#56e67d
```
#56e67d rgb(86,230,125)
```
#67e98a
```
#67e98a rgb(103,233,138)
```
#78eb98
```
#78eb98 rgb(120,235,152)
```
#8aeea5
```
#8aeea5 rgb(138,238,165)
```
#9bf0b2
```
#9bf0b2 rgb(155,240,178)
```
#acf3bf
```
#acf3bf rgb(172,243,191)
```
#bdf5cc
```
#bdf5cc rgb(189,245,204)
```
#cef8d9
```
#cef8d9 rgb(206,248,217)
```
#dffae7
```
#dffae7 rgb(223,250,231)
```
#f0fdf4
```
#f0fdf4 rgb(240,253,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9a92 is the less saturated color, while #2cfd65 is the most saturated one.

#8f9a92
```
#8f9a92 rgb(143,154,146)
```
#87a28e
```
#87a28e rgb(135,162,142)
```
#7eab8a
```
#7eab8a rgb(126,171,138)
```
#76b387
```
#76b387 rgb(118,179,135)
```
#6ebb83
```
#6ebb83 rgb(110,187,131)
```
#66c37f
```
#66c37f rgb(102,195,127)
```
#5ecb7b
```
#5ecb7b rgb(94,203,123)
```
#55d478
```
#55d478 rgb(85,212,120)
```
#4ddc74
```
#4ddc74 rgb(77,220,116)
```
#45e470
```
#45e470 rgb(69,228,112)
```
#3dec6c
```
#3dec6c rgb(61,236,108)
```
#35f468
```
#35f468 rgb(53,244,104)
```
#2cfd65
```
#2cfd65 rgb(44,253,101)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#93b39c Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfcb6e Protanopia 1% of men
#f3c283 Deuteranopia 1% of men
#7ad8e8 Tritanopia 0.001% of the population

Trichromacy

#a7d46f Protanomaly 1% of men, 0.01% of women
#b3ce7c Deuteranomaly 6% of men, 0.4% of women
#67dcbc Tritanomaly 0.01% of the population