#54e1a0 hex color

In a RGB color space, hex #54e1a0 is composed of 32.9% red, 88.2% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 0% magenta, 28.9% yellow and 11.8% black. It has a hue angle of 152.3 degrees, a saturation of 70.1% and a lightness of 60.6%. #54e1a0 color hex could be obtained by blending #a8ffff with #00c341. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 33
- G 88
- B 63
RGB color chart
- C 63
- M 0
- Y 29
- K 12
CMYK color chart

● #54e1a0 color description : Soft cyan - lime green.

The hexadecimal color #54e1a0 has RGB values of R:84, G:225, B:160 and CMYK values of C:0.63, M:0, Y:0.29, K:0.12. Its decimal value is 5562784.

Hex triplet	54e1a0	`#54e1a0`
RGB Decimal	84, 225, 160	`rgb(84,225,160)`
RGB Percent	32.9, 88.2, 62.7	`rgb(32.9%,88.2%,62.7%)`
CMYK	63, 0, 29, 12
HSL	152.3°, 70.1, 60.6	`hsl(152.3,70.1%,60.6%)`
HSV (or HSB)	152.3°, 62.7, 88.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	80.889, -52.792, 20.82
XYZ	36.924, 58.27, 42.557
xyY	0.268, 0.423, 58.27
CIE-LCH	80.889, 56.749, 158.476
CIE-LUV	80.889, -58.508, 38.467
Hunter-Lab	76.335, -47.244, 20.38
Binary	01010100, 11100001, 10100000

#54e1a0
```
#54e1a0 rgb(84,225,160)
```
#e15495
```
#e15495 rgb(225,84,149)
```

Complementary Color

#54e159
```
#54e159 rgb(84,225,89)
```
#54e1a0
```
#54e1a0 rgb(84,225,160)
```
#54dce1
```
#54dce1 rgb(84,220,225)
```

Analogous Color

#e15954
```
#e15954 rgb(225,89,84)
```
#54e1a0
```
#54e1a0 rgb(84,225,160)
```
#e154dc
```
#e154dc rgb(225,84,220)
```

Split Complementary Color

#e1a054
```
#e1a054 rgb(225,160,84)
```
#54e1a0
```
#54e1a0 rgb(84,225,160)
```
#a054e1
```
#a054e1 rgb(160,84,225)
```

Triadic Color

#95e154
```
#95e154 rgb(149,225,84)
```
#54e1a0
```
#54e1a0 rgb(84,225,160)
```
#a054e1
```
#a054e1 rgb(160,84,225)
```
#e15495
```
#e15495 rgb(225,84,149)
```

Tetradic Color

#23c67b
```
#23c67b rgb(35,198,123)
```
#29d988
```
#29d988 rgb(41,217,136)
```
#3edd94
```
#3edd94 rgb(62,221,148)
```
#54e1a0
```
#54e1a0 rgb(84,225,160)
```
#6ae5ac
```
#6ae5ac rgb(106,229,172)
```
#7fe9b8
```
#7fe9b8 rgb(127,233,184)
```
#95ecc4
```
#95ecc4 rgb(149,236,196)
```

Monochromatic Color

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

#54e17d
```
#54e17d rgb(84,225,125)
```
#54e189
```
#54e189 rgb(84,225,137)
```
#54e194
```
#54e194 rgb(84,225,148)
```
#54e1a0
```
#54e1a0 rgb(84,225,160)
```
#54e1ac
```
#54e1ac rgb(84,225,172)
```
#54e1b8
```
#54e1b8 rgb(84,225,184)
```
#54e1c3
```
#54e1c3 rgb(84,225,195)
```

Similar Colors

Text with hexadecimal color #54e1a0

This text has a font color of #54e1a0.

<span style="color:#54e1a0;">Text here</span>

#54e1a0 background color

This paragraph has a background color of #54e1a0.

<p style="background-color:#54e1a0;">Content here</p>

#54e1a0 border color

This element has a border color of #54e1a0.

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

CSS codes

.text {color:#54e1a0;}

.background {background-color:#54e1a0;}

.border {border:1px solid #54e1a0;}

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, #020d08 is the darkest color, while #fbfefd is the lightest one.

#020d08
```
#020d08 rgb(2,13,8)
```
#051d12
```
#051d12 rgb(5,29,18)
```
#082e1c
```
#082e1c rgb(8,46,28)
```
#0b3f27
```
#0b3f27 rgb(11,63,39)
```
#0e4f31
```
#0e4f31 rgb(14,79,49)
```
#11603c
```
#11603c rgb(17,96,60)
```
#147146
```
#147146 rgb(20,113,70)
```
#178150
```
#178150 rgb(23,129,80)
```
#1a925b
```
#1a925b rgb(26,146,91)
```
#1da365
```
#1da365 rgb(29,163,101)
```
#1fb36f
```
#1fb36f rgb(31,179,111)
```
#22c47a
```
#22c47a rgb(34,196,122)
```
#25d584
```
#25d584 rgb(37,213,132)
```

Shade Color Variation

#33db8d
```
#33db8d rgb(51,219,141)
```
#43de97
```
#43de97 rgb(67,222,151)
```
#54e1a0
```
#54e1a0 rgb(84,225,160)
```
#65e4a9
```
#65e4a9 rgb(101,228,169)
```
#75e7b3
```
#75e7b3 rgb(117,231,179)
```
#86eabc
```
#86eabc rgb(134,234,188)
```
#97edc5
```
#97edc5 rgb(151,237,197)
```
#a7f0ce
```
#a7f0ce rgb(167,240,206)
```
#b8f3d8
```
#b8f3d8 rgb(184,243,216)
```
#c9f5e1
```
#c9f5e1 rgb(201,245,225)
```
#daf8ea
```
#daf8ea rgb(218,248,234)
```
#eafbf3
```
#eafbf3 rgb(234,251,243)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9b9b is the less saturated color, while #3df8a2 is the most saturated one.

#9a9b9b
```
#9a9b9b rgb(154,155,155)
```
#92a39b
```
#92a39b rgb(146,163,155)
```
#8aab9c
```
#8aab9c rgb(138,171,156)
```
#82b39c
```
#82b39c rgb(130,179,156)
```
#7bba9d
```
#7bba9d rgb(123,186,157)
```
#73c29e
```
#73c29e rgb(115,194,158)
```
#6bca9e
```
#6bca9e rgb(107,202,158)
```
#63d29f
```
#63d29f rgb(99,210,159)
```
#5cd99f
```
#5cd99f rgb(92,217,159)
```
#54e1a0
```
#54e1a0 rgb(84,225,160)
```
#4ce9a1
```
#4ce9a1 rgb(76,233,161)
```
#45f0a1
```
#45f0a1 rgb(69,240,161)
```
#3df8a2
```
#3df8a2 rgb(61,248,162)
```

Tone Color Variation

Below, you can see how #54e1a0 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

#afafaf Achromatopsia 0.005% of the population
#9db9ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9cb9a Protanopia 1% of men
#e8c4af Deuteranopia 1% of men
#79d9e9 Tritanopia 0.001% of the population

Trichromacy

#a9d39c Protanomaly 1% of men, 0.01% of women
#b2cea9 Deuteranomaly 6% of men, 0.4% of women
#6bdcce Tritanomaly 0.01% of the population

#54e1a0 hex color

#54e1a0 Color Information

#54e1a0 Color Conversion

Color Schemes with #54e1a0

Alternatives to #54e1a0

#54e1a0 Preview

Shades and Tints of #54e1a0

Tones of #54e1a0

Color Blindness Simulator