#45e2a7 hex color

In a RGB color space, hex #45e2a7 is composed of 27.1% red, 88.6% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 0% magenta, 26.1% yellow and 11.4% black. It has a hue angle of 157.5 degrees, a saturation of 73% and a lightness of 57.8%. #45e2a7 color hex could be obtained by blending #8affff with #00c54f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 89
- B 65
RGB color chart
- C 69
- M 0
- Y 26
- K 11
CMYK color chart

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

The hexadecimal color #45e2a7 has RGB values of R:69, G:226, B:167 and CMYK values of C:0.69, M:0, Y:0.26, K:0.11. Its decimal value is 4580007.

Hex triplet	45e2a7	`#45e2a7`
RGB Decimal	69, 226, 167	`rgb(69,226,167)`
RGB Percent	27.1, 88.6, 65.5	`rgb(27.1%,88.6%,65.5%)`
CMYK	69, 0, 26, 11
HSL	157.5°, 73, 57.8	`hsl(157.5,73%,57.8%)`
HSV (or HSB)	157.5°, 69.5, 88.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	80.985, -54.202, 17.246
XYZ	36.623, 58.445, 45.908
xyY	0.26, 0.415, 58.445
CIE-LCH	80.985, 56.88, 162.351
CIE-LUV	80.985, -61.546, 33.83
Hunter-Lab	76.449, -48.276, 17.91
Binary	01000101, 11100010, 10100111

#45e2a7
```
#45e2a7 rgb(69,226,167)
```
#e24580
```
#e24580 rgb(226,69,128)
```

Complementary Color

#45e259
```
#45e259 rgb(69,226,89)
```
#45e2a7
```
#45e2a7 rgb(69,226,167)
```
#45cfe2
```
#45cfe2 rgb(69,207,226)
```

Analogous Color

#e25945
```
#e25945 rgb(226,89,69)
```
#45e2a7
```
#45e2a7 rgb(69,226,167)
```
#e245cf
```
#e245cf rgb(226,69,207)
```

Split Complementary Color

#e2a745
```
#e2a745 rgb(226,167,69)
```
#45e2a7
```
#45e2a7 rgb(69,226,167)
```
#a745e2
```
#a745e2 rgb(167,69,226)
```

Triadic Color

#80e245
```
#80e245 rgb(128,226,69)
```
#45e2a7
```
#45e2a7 rgb(69,226,167)
```
#a745e2
```
#a745e2 rgb(167,69,226)
```
#e24580
```
#e24580 rgb(226,69,128)
```

Tetradic Color

#1dbd81
```
#1dbd81 rgb(29,189,129)
```
#21d390
```
#21d390 rgb(33,211,144)
```
#2fdf9d
```
#2fdf9d rgb(47,223,157)
```
#45e2a7
```
#45e2a7 rgb(69,226,167)
```
#5be5b1
```
#5be5b1 rgb(91,229,177)
```
#71e9bc
```
#71e9bc rgb(113,233,188)
```
#87ecc6
```
#87ecc6 rgb(135,236,198)
```

Monochromatic Color

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

#45e280
```
#45e280 rgb(69,226,128)
```
#45e28d
```
#45e28d rgb(69,226,141)
```
#45e29a
```
#45e29a rgb(69,226,154)
```
#45e2a7
```
#45e2a7 rgb(69,226,167)
```
#45e2b4
```
#45e2b4 rgb(69,226,180)
```
#45e2c1
```
#45e2c1 rgb(69,226,193)
```
#45e2ce
```
#45e2ce rgb(69,226,206)
```

Similar Colors

Text with hexadecimal color #45e2a7

This text has a font color of #45e2a7.

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

#45e2a7 background color

This paragraph has a background color of #45e2a7.

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

#45e2a7 border color

This element has a border color of #45e2a7.

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

CSS codes

.text {color:#45e2a7;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#03120c
```
#03120c rgb(3,18,12)
```
#052318
```
#052318 rgb(5,35,24)
```
#083423
```
#083423 rgb(8,52,35)
```
#0b452f
```
#0b452f rgb(11,69,47)
```
#0d563a
```
#0d563a rgb(13,86,58)
```
#106646
```
#106646 rgb(16,102,70)
```
#137752
```
#137752 rgb(19,119,82)
```
#15885d
```
#15885d rgb(21,136,93)
```
#189969
```
#189969 rgb(24,153,105)
```
#1baa74
```
#1baa74 rgb(27,170,116)
```
#1dbb80
```
#1dbb80 rgb(29,187,128)
```
#20cc8b
```
#20cc8b rgb(32,204,139)
```

Shade Color Variation

#23dd97
```
#23dd97 rgb(35,221,151)
```
#34df9f
```
#34df9f rgb(52,223,159)
```
#45e2a7
```
#45e2a7 rgb(69,226,167)
```
#56e5af
```
#56e5af rgb(86,229,175)
```
#67e7b7
```
#67e7b7 rgb(103,231,183)
```
#78eabf
```
#78eabf rgb(120,234,191)
```
#89edc7
```
#89edc7 rgb(137,237,199)
```
#9aefcf
```
#9aefcf rgb(154,239,207)
```
#abf2d7
```
#abf2d7 rgb(171,242,215)
```
#bcf5df
```
#bcf5df rgb(188,245,223)
```
#cdf7e7
```
#cdf7e7 rgb(205,247,231)
```
#defaef
```
#defaef rgb(222,250,239)
```
#effcf7
```
#effcf7 rgb(239,252,247)
```

Tint Color Variation

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

#8f9895
```
#8f9895 rgb(143,152,149)
```
#87a097
```
#87a097 rgb(135,160,151)
```
#7fa899
```
#7fa899 rgb(127,168,153)
```
#77b09b
```
#77b09b rgb(119,176,155)
```
#6eb99d
```
#6eb99d rgb(110,185,157)
```
#66c19f
```
#66c19f rgb(102,193,159)
```
#5ec9a1
```
#5ec9a1 rgb(94,201,161)
```
#56d1a3
```
#56d1a3 rgb(86,209,163)
```
#4ddaa5
```
#4ddaa5 rgb(77,218,165)
```
#45e2a7
```
#45e2a7 rgb(69,226,167)
```
#3deaa9
```
#3deaa9 rgb(61,234,169)
```
#34f3ab
```
#34f3ab rgb(52,243,171)
```
#2cfbad
```
#2cfbad rgb(44,251,173)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#97b7ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8cba0 Protanopia 1% of men
#e6c4b6 Deuteranopia 1% of men
#6fdaea Tritanopia 0.001% of the population

Trichromacy

#a3d3a3 Protanomaly 1% of men, 0.01% of women
#accfb0 Deuteranomaly 6% of men, 0.4% of women
#5fddd2 Tritanomaly 0.01% of the population

#45e2a7 hex color

#45e2a7 Color Information

#45e2a7 Color Conversion

Color Schemes with #45e2a7

Alternatives to #45e2a7

#45e2a7 Preview

Shades and Tints of #45e2a7

Tones of #45e2a7

Color Blindness Simulator