#45e474 hex color

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

♥
- f
- t
- g
- R 27
- G 89
- B 45
RGB color chart
- C 70
- M 0
- Y 49
- K 11
CMYK color chart

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

The hexadecimal color #45e474 has RGB values of R:69, G:228, B:116 and CMYK values of C:0.7, M:0, Y:0.49, K:0.11. Its decimal value is 4580468.

Hex triplet	45e474	`#45e474`
RGB Decimal	69, 228, 116	`rgb(69,228,116)`
RGB Percent	27.1, 89.4, 45.5	`rgb(27.1%,89.4%,45.5%)`
CMYK	70, 0, 49, 11
HSL	137.7°, 74.6, 58.2	`hsl(137.7,74.6%,58.2%)`
HSV (or HSB)	137.7°, 69.7, 89.4
Web Safe	33cc66	`#33cc66`

CIE-LAB	80.744, -64.349, 42.782
XYZ	33.348, 58.01, 25.962
xyY	0.284, 0.494, 58.01
CIE-LCH	80.744, 77.272, 146.382
CIE-LUV	80.744, -64.993, 66.82
Hunter-Lab	76.164, -55.132, 33.105
Binary	01000101, 11100100, 01110100

#45e474
```
#45e474 rgb(69,228,116)
```
#e445b5
```
#e445b5 rgb(228,69,181)
```

Complementary Color

#66e445
```
#66e445 rgb(102,228,69)
```
#45e474
```
#45e474 rgb(69,228,116)
```
#45e4c4
```
#45e4c4 rgb(69,228,196)
```

Analogous Color

#e44566
```
#e44566 rgb(228,69,102)
```
#45e474
```
#45e474 rgb(69,228,116)
```
#c445e4
```
#c445e4 rgb(196,69,228)
```

Split Complementary Color

#e47445
```
#e47445 rgb(228,116,69)
```
#45e474
```
#45e474 rgb(69,228,116)
```
#7445e4
```
#7445e4 rgb(116,69,228)
```

Triadic Color

#b5e445
```
#b5e445 rgb(181,228,69)
```
#45e474
```
#45e474 rgb(69,228,116)
```
#7445e4
```
#7445e4 rgb(116,69,228)
```
#e445b5
```
#e445b5 rgb(228,69,181)
```

Tetradic Color

#1cc14d
```
#1cc14d rgb(28,193,77)
```
#1fd755
```
#1fd755 rgb(31,215,85)
```
#2fe163
```
#2fe163 rgb(47,225,99)
```
#45e474
```
#45e474 rgb(69,228,116)
```
#5be785
```
#5be785 rgb(91,231,133)
```
#72ea95
```
#72ea95 rgb(114,234,149)
```
#88eea6
```
#88eea6 rgb(136,238,166)
```

Monochromatic Color

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

#45e44c
```
#45e44c rgb(69,228,76)
```
#45e45a
```
#45e45a rgb(69,228,90)
```
#45e467
```
#45e467 rgb(69,228,103)
```
#45e474
```
#45e474 rgb(69,228,116)
```
#45e481
```
#45e481 rgb(69,228,129)
```
#45e48f
```
#45e48f rgb(69,228,143)
```
#45e49c
```
#45e49c rgb(69,228,156)
```

Similar Colors

Text with hexadecimal color #45e474

This text has a font color of #45e474.

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

#45e474 background color

This paragraph has a background color of #45e474.

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

#45e474 border color

This element has a border color of #45e474.

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

CSS codes

.text {color:#45e474;}

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

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

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)
```
#031408
```
#031408 rgb(3,20,8)
```
#05250f
```
#05250f rgb(5,37,15)
```
#083615
```
#083615 rgb(8,54,21)
```
#0a471c
```
#0a471c rgb(10,71,28)
```
#0d5823
```
#0d5823 rgb(13,88,35)
```
#0f692a
```
#0f692a rgb(15,105,42)
```
#127a31
```
#127a31 rgb(18,122,49)
```
#148b37
```
#148b37 rgb(20,139,55)
```
#179d3e
```
#179d3e rgb(23,157,62)
```
#19ae45
```
#19ae45 rgb(25,174,69)
```
#1cbf4c
```
#1cbf4c rgb(28,191,76)
```
#1ed053
```
#1ed053 rgb(30,208,83)
```

Shade Color Variation

#23df5a
```
#23df5a rgb(35,223,90)
```
#34e267
```
#34e267 rgb(52,226,103)
```
#45e474
```
#45e474 rgb(69,228,116)
```
#56e681
```
#56e681 rgb(86,230,129)
```
#67e98e
```
#67e98e rgb(103,233,142)
```
#78eb9a
```
#78eb9a rgb(120,235,154)
```
#8aeea7
```
#8aeea7 rgb(138,238,167)
```
#9bf0b4
```
#9bf0b4 rgb(155,240,180)
```
#acf3c1
```
#acf3c1 rgb(172,243,193)
```
#bdf5ce
```
#bdf5ce rgb(189,245,206)
```
#cef8da
```
#cef8da rgb(206,248,218)
```
#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 #2cfd6a is the most saturated one.

#8f9a92
```
#8f9a92 rgb(143,154,146)
```
#87a28f
```
#87a28f rgb(135,162,143)
```
#7eab8b
```
#7eab8b rgb(126,171,139)
```
#76b388
```
#76b388 rgb(118,179,136)
```
#6ebb85
```
#6ebb85 rgb(110,187,133)
```
#66c381
```
#66c381 rgb(102,195,129)
```
#5ecb7e
```
#5ecb7e rgb(94,203,126)
```
#55d47b
```
#55d47b rgb(85,212,123)
```
#4ddc77
```
#4ddc77 rgb(77,220,119)
```
#45e474
```
#45e474 rgb(69,228,116)
```
#3dec71
```
#3dec71 rgb(61,236,113)
```
#35f46d
```
#35f46d rgb(53,244,109)
```
#2cfd6a
```
#2cfd6a rgb(44,253,106)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#94b49e Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfcb72 Protanopia 1% of men
#f2c287 Deuteranopia 1% of men
#79d9e8 Tritanopia 0.001% of the population

Trichromacy

#a7d472 Protanomaly 1% of men, 0.01% of women
#b3ce80 Deuteranomaly 6% of men, 0.4% of women
#66ddbe Tritanomaly 0.01% of the population

#45e474 hex color

#45e474 Color Information

#45e474 Color Conversion

Color Schemes with #45e474

Alternatives to #45e474

#45e474 Preview

Shades and Tints of #45e474

Tones of #45e474

Color Blindness Simulator