#45e774 hex color

In a RGB color space, hex #45e774 is composed of 27.1% red, 90.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 0% magenta, 49.8% yellow and 9.4% black. It has a hue angle of 137.4 degrees, a saturation of 77.1% and a lightness of 58.8%. #45e774 color hex could be obtained by blending #8affe8 with #00cf00. Closest websafe color is: #33ff66.

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

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

The hexadecimal color #45e774 has RGB values of R:69, G:231, B:116 and CMYK values of C:0.7, M:0, Y:0.5, K:0.09. Its decimal value is 4581236.

Hex triplet	45e774	`#45e774`
RGB Decimal	69, 231, 116	`rgb(69,231,116)`
RGB Percent	27.1, 90.6, 45.5	`rgb(27.1%,90.6%,45.5%)`
CMYK	70, 0, 50, 9
HSL	137.4°, 77.1, 58.8	`hsl(137.4,77.1%,58.8%)`
HSV (or HSB)	137.4°, 70.1, 90.6
Web Safe	33ff66	`#33ff66`

CIE-LAB	81.661, -65.39, 43.922
XYZ	34.18, 59.675, 26.239
xyY	0.285, 0.497, 59.675
CIE-LCH	81.661, 78.772, 146.111
CIE-LUV	81.661, -66.037, 68.435
Hunter-Lab	77.249, -56.206, 33.936
Binary	01000101, 11100111, 01110100

#45e774
```
#45e774 rgb(69,231,116)
```
#e745b8
```
#e745b8 rgb(231,69,184)
```

Complementary Color

#67e745
```
#67e745 rgb(103,231,69)
```
#45e774
```
#45e774 rgb(69,231,116)
```
#45e7c5
```
#45e7c5 rgb(69,231,197)
```

Analogous Color

#e74567
```
#e74567 rgb(231,69,103)
```
#45e774
```
#45e774 rgb(69,231,116)
```
#c545e7
```
#c545e7 rgb(197,69,231)
```

Split Complementary Color

#e77445
```
#e77445 rgb(231,116,69)
```
#45e774
```
#45e774 rgb(69,231,116)
```
#7445e7
```
#7445e7 rgb(116,69,231)
```

Triadic Color

#b8e745
```
#b8e745 rgb(184,231,69)
```
#45e774
```
#45e774 rgb(69,231,116)
```
#7445e7
```
#7445e7 rgb(116,69,231)
```
#e745b8
```
#e745b8 rgb(231,69,184)
```

Tetradic Color

#1ac64c
```
#1ac64c rgb(26,198,76)
```
#1cdd54
```
#1cdd54 rgb(28,221,84)
```
#2ee463
```
#2ee463 rgb(46,228,99)
```
#45e774
```
#45e774 rgb(69,231,116)
```
#5cea85
```
#5cea85 rgb(92,234,133)
```
#72ed96
```
#72ed96 rgb(114,237,150)
```
#89f0a7
```
#89f0a7 rgb(137,240,167)
```

Monochromatic Color

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

#45e74c
```
#45e74c rgb(69,231,76)
```
#45e759
```
#45e759 rgb(69,231,89)
```
#45e767
```
#45e767 rgb(69,231,103)
```
#45e774
```
#45e774 rgb(69,231,116)
```
#45e782
```
#45e782 rgb(69,231,130)
```
#45e78f
```
#45e78f rgb(69,231,143)
```
#45e79d
```
#45e79d rgb(69,231,157)
```

Similar Colors

Text with hexadecimal color #45e774

This text has a font color of #45e774.

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

#45e774 background color

This paragraph has a background color of #45e774.

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

#45e774 border color

This element has a border color of #45e774.

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

CSS codes

.text {color:#45e774;}

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

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

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

#010502
```
#010502 rgb(1,5,2)
```
#031609
```
#031609 rgb(3,22,9)
```
#05280f
```
#05280f rgb(5,40,15)
```
#073916
```
#073916 rgb(7,57,22)
```
#0a4b1c
```
#0a4b1c rgb(10,75,28)
```
#0c5c23
```
#0c5c23 rgb(12,92,35)
```
#0e6d2a
```
#0e6d2a rgb(14,109,42)
```
#107f30
```
#107f30 rgb(16,127,48)
```
#139037
```
#139037 rgb(19,144,55)
```
#15a13e
```
#15a13e rgb(21,161,62)
```
#17b344
```
#17b344 rgb(23,179,68)
```
#19c44b
```
#19c44b rgb(25,196,75)
```
#1cd652
```
#1cd652 rgb(28,214,82)
```

Shade Color Variation

#22e35a
```
#22e35a rgb(34,227,90)
```
#34e567
```
#34e567 rgb(52,229,103)
```
#45e774
```
#45e774 rgb(69,231,116)
```
#56e981
```
#56e981 rgb(86,233,129)
```
#68eb8e
```
#68eb8e rgb(104,235,142)
```
#79ee9b
```
#79ee9b rgb(121,238,155)
```
#8af0a8
```
#8af0a8 rgb(138,240,168)
```
#9cf2b5
```
#9cf2b5 rgb(156,242,181)
```
#adf4c2
```
#adf4c2 rgb(173,244,194)
```
#bff7cf
```
#bff7cf rgb(191,247,207)
```
#d0f9dc
```
#d0f9dc rgb(208,249,220)
```
#e1fbe9
```
#e1fbe9 rgb(225,251,233)
```
#f3fdf6
```
#f3fdf6 rgb(243,253,246)
```

Tint Color Variation

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

#969696
```
#969696 rgb(150,150,150)
```
#8e9e93
```
#8e9e93 rgb(142,158,147)
```
#86a68f
```
#86a68f rgb(134,166,143)
```
#7eae8c
```
#7eae8c rgb(126,174,140)
```
#75b788
```
#75b788 rgb(117,183,136)
```
#6dbf85
```
#6dbf85 rgb(109,191,133)
```
#65c782
```
#65c782 rgb(101,199,130)
```
#5dcf7e
```
#5dcf7e rgb(93,207,126)
```
#55d77b
```
#55d77b rgb(85,215,123)
```
#4ddf77
```
#4ddf77 rgb(77,223,119)
```
#45e774
```
#45e774 rgb(69,231,116)
```
#3def71
```
#3def71 rgb(61,239,113)
```
#35f76d
```
#35f76d rgb(53,247,109)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#95b59e Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1cd72 Protanopia 1% of men
#f6c587 Deuteranopia 1% of men
#7bdbeb Tritanopia 0.001% of the population

Trichromacy

#a8d672 Protanomaly 1% of men, 0.01% of women
#b5d180 Deuteranomaly 6% of men, 0.4% of women
#67dfc0 Tritanomaly 0.01% of the population

#45e774 hex color

#45e774 Color Information

#45e774 Color Conversion

Color Schemes with #45e774

Alternatives to #45e774

#45e774 Preview

Shades and Tints of #45e774

Tones of #45e774

Color Blindness Simulator