#45e680 hex color

In a RGB color space, hex #45e680 is composed of 27.1% red, 90.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 0% magenta, 44.3% yellow and 9.8% black. It has a hue angle of 142 degrees, a saturation of 76.3% and a lightness of 58.6%. #45e680 color hex could be obtained by blending #8affff with #00cd01. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 27
- G 90
- B 50
RGB color chart
- C 70
- M 0
- Y 44
- K 10
CMYK color chart

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

The hexadecimal color #45e680 has RGB values of R:69, G:230, B:128 and CMYK values of C:0.7, M:0, Y:0.44, K:0.1. Its decimal value is 4580992.

Hex triplet	45e680	`#45e680`
RGB Decimal	69, 230, 128	`rgb(69,230,128)`
RGB Percent	27.1, 90.2, 50.2	`rgb(27.1%,90.2%,50.2%)`
CMYK	70, 0, 44, 10
HSL	142°, 76.3, 58.6	`hsl(142,76.3%,58.6%)`
HSV (or HSB)	142°, 70, 90.2
Web Safe	33ff99	`#33ff99`

CIE-LAB	81.519, -63.172, 37.903
XYZ	34.645, 59.414, 30.063
xyY	0.279, 0.479, 59.414
CIE-LCH	81.519, 73.671, 149.037
CIE-LUV	81.519, -65.119, 61.408
Hunter-Lab	77.081, -54.661, 30.832
Binary	01000101, 11100110, 10000000

#45e680
```
#45e680 rgb(69,230,128)
```
#e645ab
```
#e645ab rgb(230,69,171)
```

Complementary Color

#5be645
```
#5be645 rgb(91,230,69)
```
#45e680
```
#45e680 rgb(69,230,128)
```
#45e6d1
```
#45e6d1 rgb(69,230,209)
```

Analogous Color

#e6455b
```
#e6455b rgb(230,69,91)
```
#45e680
```
#45e680 rgb(69,230,128)
```
#d145e6
```
#d145e6 rgb(209,69,230)
```

Split Complementary Color

#e68045
```
#e68045 rgb(230,128,69)
```
#45e680
```
#45e680 rgb(69,230,128)
```
#8045e6
```
#8045e6 rgb(128,69,230)
```

Triadic Color

#abe645
```
#abe645 rgb(171,230,69)
```
#45e680
```
#45e680 rgb(69,230,128)
```
#8045e6
```
#8045e6 rgb(128,69,230)
```
#e645ab
```
#e645ab rgb(230,69,171)
```

Tetradic Color

#1ac459
```
#1ac459 rgb(26,196,89)
```
#1ddb63
```
#1ddb63 rgb(29,219,99)
```
#2fe371
```
#2fe371 rgb(47,227,113)
```
#45e680
```
#45e680 rgb(69,230,128)
```
#5be98f
```
#5be98f rgb(91,233,143)
```
#72ec9f
```
#72ec9f rgb(114,236,159)
```
#88efae
```
#88efae rgb(136,239,174)
```

Monochromatic Color

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

#45e658
```
#45e658 rgb(69,230,88)
```
#45e665
```
#45e665 rgb(69,230,101)
```
#45e673
```
#45e673 rgb(69,230,115)
```
#45e680
```
#45e680 rgb(69,230,128)
```
#45e68d
```
#45e68d rgb(69,230,141)
```
#45e69b
```
#45e69b rgb(69,230,155)
```
#45e6a8
```
#45e6a8 rgb(69,230,168)
```

Similar Colors

Text with hexadecimal color #45e680

This text has a font color of #45e680.

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

#45e680 background color

This paragraph has a background color of #45e680.

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

#45e680 border color

This element has a border color of #45e680.

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

CSS codes

.text {color:#45e680;}

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

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

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

#010402
```
#010402 rgb(1,4,2)
```
#03150a
```
#03150a rgb(3,21,10)
```
#052712
```
#052712 rgb(5,39,18)
```
#083819
```
#083819 rgb(8,56,25)
```
#0a4921
```
#0a4921 rgb(10,73,33)
```
#0c5b29
```
#0c5b29 rgb(12,91,41)
```
#0f6c31
```
#0f6c31 rgb(15,108,49)
```
#117d39
```
#117d39 rgb(17,125,57)
```
#138f40
```
#138f40 rgb(19,143,64)
```
#15a048
```
#15a048 rgb(21,160,72)
```
#18b150
```
#18b150 rgb(24,177,80)
```
#1ac258
```
#1ac258 rgb(26,194,88)
```
#1cd460
```
#1cd460 rgb(28,212,96)
```

Shade Color Variation

#22e168
```
#22e168 rgb(34,225,104)
```
#34e474
```
#34e474 rgb(52,228,116)
```
#45e680
```
#45e680 rgb(69,230,128)
```
#56e88c
```
#56e88c rgb(86,232,140)
```
#68eb98
```
#68eb98 rgb(104,235,152)
```
#79eda3
```
#79eda3 rgb(121,237,163)
```
#8aefaf
```
#8aefaf rgb(138,239,175)
```
#9bf2bb
```
#9bf2bb rgb(155,242,187)
```
#adf4c7
```
#adf4c7 rgb(173,244,199)
```
#bef6d3
```
#bef6d3 rgb(190,246,211)
```
#cff9de
```
#cff9de rgb(207,249,222)
```
#e1fbea
```
#e1fbea rgb(225,251,234)
```
#f2fdf6
```
#f2fdf6 rgb(242,253,246)
```

Tint Color Variation

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

#8e9d94
```
#8e9d94 rgb(142,157,148)
```
#86a591
```
#86a591 rgb(134,165,145)
```
#7ead8f
```
#7ead8f rgb(126,173,143)
```
#76b58d
```
#76b58d rgb(118,181,141)
```
#6ebd8b
```
#6ebd8b rgb(110,189,139)
```
#65c689
```
#65c689 rgb(101,198,137)
```
#5dce87
```
#5dce87 rgb(93,206,135)
```
#55d684
```
#55d684 rgb(85,214,132)
```
#4dde82
```
#4dde82 rgb(77,222,130)
```
#45e680
```
#45e680 rgb(69,230,128)
```
#3dee7e
```
#3dee7e rgb(61,238,126)
```
#35f67c
```
#35f67c rgb(53,246,124)
```
#2dfe79
```
#2dfe79 rgb(45,254,121)
```

Tone Color Variation

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

Dichromacy

#e0cd7d Protanopia 1% of men
#f3c592 Deuteranopia 1% of men
#78dbeb Tritanopia 0.001% of the population

Trichromacy

#a7d67e Protanomaly 1% of men, 0.01% of women
#b3d18b Deuteranomaly 6% of men, 0.4% of women
#66dfc4 Tritanomaly 0.01% of the population

#45e680 hex color

#45e680 Color Information

#45e680 Color Conversion

Color Schemes with #45e680

Alternatives to #45e680

#45e680 Preview

Shades and Tints of #45e680

Tones of #45e680

Color Blindness Simulator