#45e69a hex color

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

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

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

The hexadecimal color #45e69a has RGB values of R:69, G:230, B:154 and CMYK values of C:0.7, M:0, Y:0.33, K:0.1. Its decimal value is 4581018.

Hex triplet	45e69a	`#45e69a`
RGB Decimal	69, 230, 154	`rgb(69,230,154)`
RGB Percent	27.1, 90.2, 60.4	`rgb(27.1%,90.2%,60.4%)`
CMYK	70, 0, 33, 10
HSL	151.7°, 76.3, 58.6	`hsl(151.7,76.3%,58.6%)`
HSV (or HSB)	151.7°, 70, 90.2
Web Safe	33ff99	`#33ff99`

CIE-LAB	81.941, -58.458, 25.314
XYZ	36.581, 60.188, 40.26
xyY	0.267, 0.439, 60.188
CIE-LCH	81.941, 63.703, 156.586
CIE-LUV	81.941, -63.724, 45.387
Hunter-Lab	77.581, -51.601, 23.539
Binary	01000101, 11100110, 10011010

#45e69a
```
#45e69a rgb(69,230,154)
```
#e64591
```
#e64591 rgb(230,69,145)
```

Complementary Color

#45e64a
```
#45e64a rgb(69,230,74)
```
#45e69a
```
#45e69a rgb(69,230,154)
```
#45e2e6
```
#45e2e6 rgb(69,226,230)
```

Analogous Color

#e64a45
```
#e64a45 rgb(230,74,69)
```
#45e69a
```
#45e69a rgb(69,230,154)
```
#e645e2
```
#e645e2 rgb(230,69,226)
```

Split Complementary Color

#e69a45
```
#e69a45 rgb(230,154,69)
```
#45e69a
```
#45e69a rgb(69,230,154)
```
#9a45e6
```
#9a45e6 rgb(154,69,230)
```

Triadic Color

#91e645
```
#91e645 rgb(145,230,69)
```
#45e69a
```
#45e69a rgb(69,230,154)
```
#9a45e6
```
#9a45e6 rgb(154,69,230)
```
#e64591
```
#e64591 rgb(230,69,145)
```

Tetradic Color

#1ac474
```
#1ac474 rgb(26,196,116)
```
#1ddb81
```
#1ddb81 rgb(29,219,129)
```
#2fe38e
```
#2fe38e rgb(47,227,142)
```
#45e69a
```
#45e69a rgb(69,230,154)
```
#5be9a6
```
#5be9a6 rgb(91,233,166)
```
#72ecb2
```
#72ecb2 rgb(114,236,178)
```
#88efbf
```
#88efbf rgb(136,239,191)
```

Monochromatic Color

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

#45e672
```
#45e672 rgb(69,230,114)
```
#45e67f
```
#45e67f rgb(69,230,127)
```
#45e68d
```
#45e68d rgb(69,230,141)
```
#45e69a
```
#45e69a rgb(69,230,154)
```
#45e6a7
```
#45e6a7 rgb(69,230,167)
```
#45e6b5
```
#45e6b5 rgb(69,230,181)
```
#45e6c2
```
#45e6c2 rgb(69,230,194)
```

Similar Colors

Text with hexadecimal color #45e69a

This text has a font color of #45e69a.

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

#45e69a background color

This paragraph has a background color of #45e69a.

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

#45e69a border color

This element has a border color of #45e69a.

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

CSS codes

.text {color:#45e69a;}

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

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

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 #f2fdf8 is the lightest one.

#010402
```
#010402 rgb(1,4,2)
```
#03150d
```
#03150d rgb(3,21,13)
```
#052717
```
#052717 rgb(5,39,23)
```
#083821
```
#083821 rgb(8,56,33)
```
#0a492b
```
#0a492b rgb(10,73,43)
```
#0c5b36
```
#0c5b36 rgb(12,91,54)
```
#0f6c40
```
#0f6c40 rgb(15,108,64)
```
#117d4a
```
#117d4a rgb(17,125,74)
```
#138f54
```
#138f54 rgb(19,143,84)
```
#15a05f
```
#15a05f rgb(21,160,95)
```
#18b169
```
#18b169 rgb(24,177,105)
```
#1ac273
```
#1ac273 rgb(26,194,115)
```
#1cd47d
```
#1cd47d rgb(28,212,125)
```

Shade Color Variation

#22e187
```
#22e187 rgb(34,225,135)
```
#34e491
```
#34e491 rgb(52,228,145)
```
#45e69a
```
#45e69a rgb(69,230,154)
```
#56e8a3
```
#56e8a3 rgb(86,232,163)
```
#68ebad
```
#68ebad rgb(104,235,173)
```
#79edb6
```
#79edb6 rgb(121,237,182)
```
#8aefc0
```
#8aefc0 rgb(138,239,192)
```
#9bf2c9
```
#9bf2c9 rgb(155,242,201)
```
#adf4d2
```
#adf4d2 rgb(173,244,210)
```
#bef6dc
```
#bef6dc rgb(190,246,220)
```
#cff9e5
```
#cff9e5 rgb(207,249,229)
```
#e1fbef
```
#e1fbef rgb(225,251,239)
```
#f2fdf8
```
#f2fdf8 rgb(242,253,248)
```

Tint Color Variation

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

#8e9d96
```
#8e9d96 rgb(142,157,150)
```
#86a596
```
#86a596 rgb(134,165,150)
```
#7ead97
```
#7ead97 rgb(126,173,151)
```
#76b597
```
#76b597 rgb(118,181,151)
```
#6ebd98
```
#6ebd98 rgb(110,189,152)
```
#65c698
```
#65c698 rgb(101,198,152)
```
#5dce99
```
#5dce99 rgb(93,206,153)
```
#55d699
```
#55d699 rgb(85,214,153)
```
#4dde9a
```
#4dde9a rgb(77,222,154)
```
#45e69a
```
#45e69a rgb(69,230,154)
```
#3dee9a
```
#3dee9a rgb(61,238,154)
```
#35f69b
```
#35f69b rgb(53,246,155)
```
#2dfe9b
```
#2dfe9b rgb(45,254,155)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#98b8a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dece94 Protanopia 1% of men
#eec6aa Deuteranopia 1% of men
#73dded Tritanopia 0.001% of the population

Trichromacy

#a6d696 Protanomaly 1% of men, 0.01% of women
#b0d2a4 Deuteranomaly 6% of men, 0.4% of women
#62e0cf Tritanomaly 0.01% of the population

#45e69a hex color

#45e69a Color Information

#45e69a Color Conversion

Color Schemes with #45e69a

Alternatives to #45e69a

#45e69a Preview

Shades and Tints of #45e69a

Tones of #45e69a

Color Blindness Simulator