#45e778 hex color

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

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

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

The hexadecimal color #45e778 has RGB values of R:69, G:231, B:120 and CMYK values of C:0.7, M:0, Y:0.48, K:0.09. Its decimal value is 4581240.

Hex triplet	45e778	`#45e778`
RGB Decimal	69, 231, 120	`rgb(69,231,120)`
RGB Percent	27.1, 90.6, 47.1	`rgb(27.1%,90.6%,47.1%)`
CMYK	70, 0, 48, 9
HSL	138.9°, 77.1, 58.8	`hsl(138.9,77.1%,58.8%)`
HSV (or HSB)	138.9°, 70.1, 90.6
Web Safe	33ff66	`#33ff66`

CIE-LAB	81.713, -64.791, 42.063
XYZ	34.418, 59.77, 27.491
xyY	0.283, 0.491, 59.77
CIE-LCH	81.713, 77.247, 147.008
CIE-LUV	81.713, -65.853, 66.348
Hunter-Lab	77.311, -55.828, 33.035
Binary	01000101, 11100111, 01111000

#45e778
```
#45e778 rgb(69,231,120)
```
#e745b4
```
#e745b4 rgb(231,69,180)
```

Complementary Color

#63e745
```
#63e745 rgb(99,231,69)
```
#45e778
```
#45e778 rgb(69,231,120)
```
#45e7c9
```
#45e7c9 rgb(69,231,201)
```

Analogous Color

#e74563
```
#e74563 rgb(231,69,99)
```
#45e778
```
#45e778 rgb(69,231,120)
```
#c945e7
```
#c945e7 rgb(201,69,231)
```

Split Complementary Color

#e77845
```
#e77845 rgb(231,120,69)
```
#45e778
```
#45e778 rgb(69,231,120)
```
#7845e7
```
#7845e7 rgb(120,69,231)
```

Triadic Color

#b4e745
```
#b4e745 rgb(180,231,69)
```
#45e778
```
#45e778 rgb(69,231,120)
```
#7845e7
```
#7845e7 rgb(120,69,231)
```
#e745b4
```
#e745b4 rgb(231,69,180)
```

Tetradic Color

#1ac650
```
#1ac650 rgb(26,198,80)
```
#1cdd59
```
#1cdd59 rgb(28,221,89)
```
#2ee468
```
#2ee468 rgb(46,228,104)
```
#45e778
```
#45e778 rgb(69,231,120)
```
#5cea88
```
#5cea88 rgb(92,234,136)
```
#72ed99
```
#72ed99 rgb(114,237,153)
```
#89f0a9
```
#89f0a9 rgb(137,240,169)
```

Monochromatic Color

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

#45e750
```
#45e750 rgb(69,231,80)
```
#45e75d
```
#45e75d rgb(69,231,93)
```
#45e76b
```
#45e76b rgb(69,231,107)
```
#45e778
```
#45e778 rgb(69,231,120)
```
#45e786
```
#45e786 rgb(69,231,134)
```
#45e793
```
#45e793 rgb(69,231,147)
```
#45e7a1
```
#45e7a1 rgb(69,231,161)
```

Similar Colors

Text with hexadecimal color #45e778

This text has a font color of #45e778.

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

#45e778 background color

This paragraph has a background color of #45e778.

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

#45e778 border color

This element has a border color of #45e778.

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

CSS codes

.text {color:#45e778;}

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

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

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)
```
#052810
```
#052810 rgb(5,40,16)
```
#073917
```
#073917 rgb(7,57,23)
```
#0a4b1e
```
#0a4b1e rgb(10,75,30)
```
#0c5c25
```
#0c5c25 rgb(12,92,37)
```
#0e6d2c
```
#0e6d2c rgb(14,109,44)
```
#107f33
```
#107f33 rgb(16,127,51)
```
#13903a
```
#13903a rgb(19,144,58)
```
#15a141
```
#15a141 rgb(21,161,65)
```
#17b348
```
#17b348 rgb(23,179,72)
```
#19c44f
```
#19c44f rgb(25,196,79)
```
#1cd656
```
#1cd656 rgb(28,214,86)
```

Shade Color Variation

#22e35f
```
#22e35f rgb(34,227,95)
```
#34e56b
```
#34e56b rgb(52,229,107)
```
#45e778
```
#45e778 rgb(69,231,120)
```
#56e985
```
#56e985 rgb(86,233,133)
```
#68eb91
```
#68eb91 rgb(104,235,145)
```
#79ee9e
```
#79ee9e rgb(121,238,158)
```
#8af0aa
```
#8af0aa rgb(138,240,170)
```
#9cf2b7
```
#9cf2b7 rgb(156,242,183)
```
#adf4c4
```
#adf4c4 rgb(173,244,196)
```
#bff7d0
```
#bff7d0 rgb(191,247,208)
```
#d0f9dd
```
#d0f9dd rgb(208,249,221)
```
#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 #35f772 is the most saturated one.

#969696
```
#969696 rgb(150,150,150)
```
#8e9e93
```
#8e9e93 rgb(142,158,147)
```
#86a690
```
#86a690 rgb(134,166,144)
```
#7eae8d
```
#7eae8d rgb(126,174,141)
```
#75b78a
```
#75b78a rgb(117,183,138)
```
#6dbf87
```
#6dbf87 rgb(109,191,135)
```
#65c784
```
#65c784 rgb(101,199,132)
```
#5dcf81
```
#5dcf81 rgb(93,207,129)
```
#55d77e
```
#55d77e rgb(85,215,126)
```
#4ddf7b
```
#4ddf7b rgb(77,223,123)
```
#45e778
```
#45e778 rgb(69,231,120)
```
#3def75
```
#3def75 rgb(61,239,117)
```
#35f772
```
#35f772 rgb(53,247,114)
```

Tone Color Variation

Below, you can see how #45e778 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
#96b6a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1cd75 Protanopia 1% of men
#f5c58b Deuteranopia 1% of men
#7adbeb Tritanopia 0.001% of the population

Trichromacy

#a8d776 Protanomaly 1% of men, 0.01% of women
#b5d184 Deuteranomaly 6% of men, 0.4% of women
#67dfc1 Tritanomaly 0.01% of the population

#45e778 hex color

#45e778 Color Information

#45e778 Color Conversion

Color Schemes with #45e778

Alternatives to #45e778

#45e778 Preview

Shades and Tints of #45e778

Tones of #45e778

Color Blindness Simulator