#45e5a6 hex color

In a RGB color space, hex #45e5a6 is composed of 27.1% red, 89.8% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 0% magenta, 27.5% yellow and 10.2% black. It has a hue angle of 156.4 degrees, a saturation of 75.5% and a lightness of 58.4%. #45e5a6 color hex could be obtained by blending #8affff with #00cb4d. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #45e5a6 has RGB values of R:69, G:229, B:166 and CMYK values of C:0.7, M:0, Y:0.28, K:0.1. Its decimal value is 4580774.

Hex triplet	45e5a6	`#45e5a6`
RGB Decimal	69, 229, 166	`rgb(69,229,166)`
RGB Percent	27.1, 89.8, 65.1	`rgb(27.1%,89.8%,65.1%)`
CMYK	70, 0, 28, 10
HSL	156.4°, 75.5, 58.4	`hsl(156.4,75.5%,58.4%)`
HSV (or HSB)	156.4°, 69.9, 89.8
Web Safe	33cc99	`#33cc99`

CIE-LAB	81.867, -55.6, 18.996
XYZ	37.354, 60.053, 45.697
xyY	0.261, 0.42, 60.053
CIE-LCH	81.867, 58.755, 161.137
CIE-LUV	81.867, -62.666, 36.527
Hunter-Lab	77.494, -49.575, 19.284
Binary	01000101, 11100101, 10100110

#45e5a6
```
#45e5a6 rgb(69,229,166)
```
#e54584
```
#e54584 rgb(229,69,132)
```

Complementary Color

#45e556
```
#45e556 rgb(69,229,86)
```
#45e5a6
```
#45e5a6 rgb(69,229,166)
```
#45d4e5
```
#45d4e5 rgb(69,212,229)
```

Analogous Color

#e55645
```
#e55645 rgb(229,86,69)
```
#45e5a6
```
#45e5a6 rgb(69,229,166)
```
#e545d4
```
#e545d4 rgb(229,69,212)
```

Split Complementary Color

#e5a645
```
#e5a645 rgb(229,166,69)
```
#45e5a6
```
#45e5a6 rgb(69,229,166)
```
#a645e5
```
#a645e5 rgb(166,69,229)
```

Triadic Color

#84e545
```
#84e545 rgb(132,229,69)
```
#45e5a6
```
#45e5a6 rgb(69,229,166)
```
#a645e5
```
#a645e5 rgb(166,69,229)
```
#e54584
```
#e54584 rgb(229,69,132)
```

Tetradic Color

#1bc281
```
#1bc281 rgb(27,194,129)
```
#1ed98f
```
#1ed98f rgb(30,217,143)
```
#2fe29b
```
#2fe29b rgb(47,226,155)
```
#45e5a6
```
#45e5a6 rgb(69,229,166)
```
#5be8b1
```
#5be8b1 rgb(91,232,177)
```
#72ebbb
```
#72ebbb rgb(114,235,187)
```
#88eec6
```
#88eec6 rgb(136,238,198)
```

Monochromatic Color

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

#45e57e
```
#45e57e rgb(69,229,126)
```
#45e58b
```
#45e58b rgb(69,229,139)
```
#45e599
```
#45e599 rgb(69,229,153)
```
#45e5a6
```
#45e5a6 rgb(69,229,166)
```
#45e5b3
```
#45e5b3 rgb(69,229,179)
```
#45e5c1
```
#45e5c1 rgb(69,229,193)
```
#45e5ce
```
#45e5ce rgb(69,229,206)
```

Similar Colors

Text with hexadecimal color #45e5a6

This text has a font color of #45e5a6.

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

#45e5a6 background color

This paragraph has a background color of #45e5a6.

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

#45e5a6 border color

This element has a border color of #45e5a6.

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

CSS codes

.text {color:#45e5a6;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#03150e
```
#03150e rgb(3,21,14)
```
#052619
```
#052619 rgb(5,38,25)
```
#083724
```
#083724 rgb(8,55,36)
```
#0a4830
```
#0a4830 rgb(10,72,48)
```
#0c593b
```
#0c593b rgb(12,89,59)
```
#0f6b46
```
#0f6b46 rgb(15,107,70)
```
#117c52
```
#117c52 rgb(17,124,82)
```
#148d5d
```
#148d5d rgb(20,141,93)
```
#169e69
```
#169e69 rgb(22,158,105)
```
#19af74
```
#19af74 rgb(25,175,116)
```
#1bc17f
```
#1bc17f rgb(27,193,127)
```
#1dd28b
```
#1dd28b rgb(29,210,139)
```

Shade Color Variation

#23e096
```
#23e096 rgb(35,224,150)
```
#34e39e
```
#34e39e rgb(52,227,158)
```
#45e5a6
```
#45e5a6 rgb(69,229,166)
```
#56e7ae
```
#56e7ae rgb(86,231,174)
```
#67eab6
```
#67eab6 rgb(103,234,182)
```
#79ecbf
```
#79ecbf rgb(121,236,191)
```
#8aefc7
```
#8aefc7 rgb(138,239,199)
```
#9bf1cf
```
#9bf1cf rgb(155,241,207)
```
#acf3d7
```
#acf3d7 rgb(172,243,215)
```
#bdf6e0
```
#bdf6e0 rgb(189,246,224)
```
#cff8e8
```
#cff8e8 rgb(207,248,232)
```
#e0fbf0
```
#e0fbf0 rgb(224,251,240)
```
#f1fdf8
```
#f1fdf8 rgb(241,253,248)
```

Tint Color Variation

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

#8e9c96
```
#8e9c96 rgb(142,156,150)
```
#86a498
```
#86a498 rgb(134,164,152)
```
#7eac9a
```
#7eac9a rgb(126,172,154)
```
#76b49c
```
#76b49c rgb(118,180,156)
```
#6ebc9d
```
#6ebc9d rgb(110,188,157)
```
#66c49f
```
#66c49f rgb(102,196,159)
```
#5dcda1
```
#5dcda1 rgb(93,205,161)
```
#55d5a3
```
#55d5a3 rgb(85,213,163)
```
#4ddda4
```
#4ddda4 rgb(77,221,164)
```
#45e5a6
```
#45e5a6 rgb(69,229,166)
```
#3deda8
```
#3deda8 rgb(61,237,168)
```
#35f5a9
```
#35f5a9 rgb(53,245,169)
```
#2dfdab
```
#2dfdab rgb(45,253,171)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#99b9ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbcd9f Protanopia 1% of men
#eac7b5 Deuteranopia 1% of men
#70dded Tritanopia 0.001% of the population

Trichromacy

#a5d6a2 Protanomaly 1% of men, 0.01% of women
#aed1af Deuteranomaly 6% of men, 0.4% of women
#60e0d3 Tritanomaly 0.01% of the population

#45e5a6 hex color

#45e5a6 Color Information

#45e5a6 Color Conversion

Color Schemes with #45e5a6

Alternatives to #45e5a6

#45e5a6 Preview

Shades and Tints of #45e5a6

Tones of #45e5a6

Color Blindness Simulator