#45ecaa hex color

In a RGB color space, hex #45ecaa is composed of 27.1% red, 92.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 0% magenta, 28% yellow and 7.5% black. It has a hue angle of 156.3 degrees, a saturation of 81.5% and a lightness of 59.8%. #45ecaa color hex could be obtained by blending #8affff with #00d955. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 27
- G 93
- B 67
RGB color chart
- C 71
- M 0
- Y 28
- K 7
CMYK color chart

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

The hexadecimal color #45ecaa has RGB values of R:69, G:236, B:170 and CMYK values of C:0.71, M:0, Y:0.28, K:0.07. Its decimal value is 4582570.

Hex triplet	45ecaa	`#45ecaa`
RGB Decimal	69, 236, 170	`rgb(69,236,170)`
RGB Percent	27.1, 92.5, 66.7	`rgb(27.1%,92.5%,66.7%)`
CMYK	71, 0, 28, 7
HSL	156.3°, 81.5, 59.8	`hsl(156.3,81.5%,59.8%)`
HSV (or HSB)	156.3°, 70.8, 92.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	84.046, -57.471, 19.942
XYZ	39.702, 64.155, 48.319
xyY	0.261, 0.422, 64.155
CIE-LCH	84.046, 60.833, 160.863
CIE-LUV	84.046, -64.88, 38.314
Hunter-Lab	80.097, -51.69, 20.301
Binary	01000101, 11101100, 10101010

#45ecaa
```
#45ecaa rgb(69,236,170)
```
#ec4587
```
#ec4587 rgb(236,69,135)
```

Complementary Color

#45ec57
```
#45ec57 rgb(69,236,87)
```
#45ecaa
```
#45ecaa rgb(69,236,170)
```
#45dbec
```
#45dbec rgb(69,219,236)
```

Analogous Color

#ec5745
```
#ec5745 rgb(236,87,69)
```
#45ecaa
```
#45ecaa rgb(69,236,170)
```
#ec45db
```
#ec45db rgb(236,69,219)
```

Split Complementary Color

#ecaa45
```
#ecaa45 rgb(236,170,69)
```
#45ecaa
```
#45ecaa rgb(69,236,170)
```
#aa45ec
```
#aa45ec rgb(170,69,236)
```

Triadic Color

#87ec45
```
#87ec45 rgb(135,236,69)
```
#45ecaa
```
#45ecaa rgb(69,236,170)
```
#aa45ec
```
#aa45ec rgb(170,69,236)
```
#ec4587
```
#ec4587 rgb(236,69,135)
```

Tetradic Color

#15cf86
```
#15cf86 rgb(21,207,134)
```
#18e695
```
#18e695 rgb(24,230,149)
```
#2eea9f
```
#2eea9f rgb(46,234,159)
```
#45ecaa
```
#45ecaa rgb(69,236,170)
```
#5ceeb5
```
#5ceeb5 rgb(92,238,181)
```
#73f1bf
```
#73f1bf rgb(115,241,191)
```
#8af3ca
```
#8af3ca rgb(138,243,202)
```

Monochromatic Color

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

#45ec80
```
#45ec80 rgb(69,236,128)
```
#45ec8e
```
#45ec8e rgb(69,236,142)
```
#45ec9c
```
#45ec9c rgb(69,236,156)
```
#45ecaa
```
#45ecaa rgb(69,236,170)
```
#45ecb8
```
#45ecb8 rgb(69,236,184)
```
#45ecc6
```
#45ecc6 rgb(69,236,198)
```
#45ecd4
```
#45ecd4 rgb(69,236,212)
```

Similar Colors

Text with hexadecimal color #45ecaa

This text has a font color of #45ecaa.

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

#45ecaa background color

This paragraph has a background color of #45ecaa.

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

#45ecaa border color

This element has a border color of #45ecaa.

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

CSS codes

.text {color:#45ecaa;}

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

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

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, #010a06 is the darkest color, while #f7fefb is the lightest one.

#010a06
```
#010a06 rgb(1,10,6)
```
#031c12
```
#031c12 rgb(3,28,18)
```
#052d1d
```
#052d1d rgb(5,45,29)
```
#063f29
```
#063f29 rgb(6,63,41)
```
#085134
```
#085134 rgb(8,81,52)
```
#0a6340
```
#0a6340 rgb(10,99,64)
```
#0c754b
```
#0c754b rgb(12,117,75)
```
#0e8657
```
#0e8657 rgb(14,134,87)
```
#109862
```
#109862 rgb(16,152,98)
```
#11aa6e
```
#11aa6e rgb(17,170,110)
```
#13bc79
```
#13bc79 rgb(19,188,121)
```
#15ce85
```
#15ce85 rgb(21,206,133)
```
#17df90
```
#17df90 rgb(23,223,144)
```

Shade Color Variation

#21e89a
```
#21e89a rgb(33,232,154)
```
#33eaa2
```
#33eaa2 rgb(51,234,162)
```
#45ecaa
```
#45ecaa rgb(69,236,170)
```
#57eeb2
```
#57eeb2 rgb(87,238,178)
```
#69f0ba
```
#69f0ba rgb(105,240,186)
```
#7af1c2
```
#7af1c2 rgb(122,241,194)
```
#8cf3cb
```
#8cf3cb rgb(140,243,203)
```
#9ef5d3
```
#9ef5d3 rgb(158,245,211)
```
#b0f7db
```
#b0f7db rgb(176,247,219)
```
#c2f9e3
```
#c2f9e3 rgb(194,249,227)
```
#d3fbeb
```
#d3fbeb rgb(211,251,235)
```
#e5fcf3
```
#e5fcf3 rgb(229,252,243)
```
#f7fefb
```
#f7fefb rgb(247,254,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #949d99 is the less saturated color, while #35fcad is the most saturated one.

#949d99
```
#949d99 rgb(148,157,153)
```
#8ca59b
```
#8ca59b rgb(140,165,155)
```
#84ad9d
```
#84ad9d rgb(132,173,157)
```
#7cb59e
```
#7cb59e rgb(124,181,158)
```
#74bda0
```
#74bda0 rgb(116,189,160)
```
#6cc5a2
```
#6cc5a2 rgb(108,197,162)
```
#65cca3
```
#65cca3 rgb(101,204,163)
```
#5dd4a5
```
#5dd4a5 rgb(93,212,165)
```
#55dca7
```
#55dca7 rgb(85,220,167)
```
#4de4a8
```
#4de4a8 rgb(77,228,168)
```
#45ecaa
```
#45ecaa rgb(69,236,170)
```
#3df4ac
```
#3df4ac rgb(61,244,172)
```
#35fcad
```
#35fcad rgb(53,252,173)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#9dbeb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d3a3 Protanopia 1% of men
#f1ccb9 Deuteranopia 1% of men
#72e3f4 Tritanopia 0.001% of the population

Trichromacy

#a9dca5 Protanomaly 1% of men, 0.01% of women
#b2d8b3 Deuteranomaly 6% of men, 0.4% of women
#62e6d9 Tritanomaly 0.01% of the population

#45ecaa hex color

#45ecaa Color Information

#45ecaa Color Conversion

Color Schemes with #45ecaa

Alternatives to #45ecaa

#45ecaa Preview

Shades and Tints of #45ecaa

Tones of #45ecaa

Color Blindness Simulator