#54e2a0 hex color

In a RGB color space, hex #54e2a0 is composed of 32.9% red, 88.6% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 0% magenta, 29.2% yellow and 11.4% black. It has a hue angle of 152.1 degrees, a saturation of 71% and a lightness of 60.8%. #54e2a0 color hex could be obtained by blending #a8ffff with #00c541. Closest websafe color is: #66cc99.

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

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

The hexadecimal color #54e2a0 has RGB values of R:84, G:226, B:160 and CMYK values of C:0.63, M:0, Y:0.29, K:0.11. Its decimal value is 5563040.

Hex triplet	54e2a0	`#54e2a0`
RGB Decimal	84, 226, 160	`rgb(84,226,160)`
RGB Percent	32.9, 88.6, 62.7	`rgb(32.9%,88.6%,62.7%)`
CMYK	63, 0, 29, 11
HSL	152.1°, 71, 60.8	`hsl(152.1,71%,60.8%)`
HSV (or HSB)	152.1°, 62.8, 88.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	81.188, -53.192, 21.233
XYZ	37.195, 58.812, 42.648
xyY	0.268, 0.424, 58.812
CIE-LCH	81.188, 57.274, 158.239
CIE-LUV	81.188, -58.875, 39.113
Hunter-Lab	76.689, -47.632, 20.711
Binary	01010100, 11100010, 10100000

#54e2a0
```
#54e2a0 rgb(84,226,160)
```
#e25496
```
#e25496 rgb(226,84,150)
```

Complementary Color

#54e259
```
#54e259 rgb(84,226,89)
```
#54e2a0
```
#54e2a0 rgb(84,226,160)
```
#54dde2
```
#54dde2 rgb(84,221,226)
```

Analogous Color

#e25954
```
#e25954 rgb(226,89,84)
```
#54e2a0
```
#54e2a0 rgb(84,226,160)
```
#e254dd
```
#e254dd rgb(226,84,221)
```

Split Complementary Color

#e2a054
```
#e2a054 rgb(226,160,84)
```
#54e2a0
```
#54e2a0 rgb(84,226,160)
```
#a054e2
```
#a054e2 rgb(160,84,226)
```

Triadic Color

#96e254
```
#96e254 rgb(150,226,84)
```
#54e2a0
```
#54e2a0 rgb(84,226,160)
```
#a054e2
```
#a054e2 rgb(160,84,226)
```
#e25496
```
#e25496 rgb(226,84,150)
```

Tetradic Color

#22c87b
```
#22c87b rgb(34,200,123)
```
#28db88
```
#28db88 rgb(40,219,136)
```
#3ede94
```
#3ede94 rgb(62,222,148)
```
#54e2a0
```
#54e2a0 rgb(84,226,160)
```
#6ae6ac
```
#6ae6ac rgb(106,230,172)
```
#80e9b8
```
#80e9b8 rgb(128,233,184)
```
#95edc4
```
#95edc4 rgb(149,237,196)
```

Monochromatic Color

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

#54e27d
```
#54e27d rgb(84,226,125)
```
#54e288
```
#54e288 rgb(84,226,136)
```
#54e294
```
#54e294 rgb(84,226,148)
```
#54e2a0
```
#54e2a0 rgb(84,226,160)
```
#54e2ac
```
#54e2ac rgb(84,226,172)
```
#54e2b8
```
#54e2b8 rgb(84,226,184)
```
#54e2c4
```
#54e2c4 rgb(84,226,196)
```

Similar Colors

Text with hexadecimal color #54e2a0

This text has a font color of #54e2a0.

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

#54e2a0 background color

This paragraph has a background color of #54e2a0.

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

#54e2a0 border color

This element has a border color of #54e2a0.

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

CSS codes

.text {color:#54e2a0;}

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

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

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

#020d08
```
#020d08 rgb(2,13,8)
```
#051e13
```
#051e13 rgb(5,30,19)
```
#082f1d
```
#082f1d rgb(8,47,29)
```
#0b4027
```
#0b4027 rgb(11,64,39)
```
#0e5131
```
#0e5131 rgb(14,81,49)
```
#11613c
```
#11613c rgb(17,97,60)
```
#137246
```
#137246 rgb(19,114,70)
```
#168350
```
#168350 rgb(22,131,80)
```
#19945b
```
#19945b rgb(25,148,91)
```
#1ca465
```
#1ca465 rgb(28,164,101)
```
#1fb56f
```
#1fb56f rgb(31,181,111)
```
#22c67a
```
#22c67a rgb(34,198,122)
```
#24d784
```
#24d784 rgb(36,215,132)
```

Shade Color Variation

#32dc8d
```
#32dc8d rgb(50,220,141)
```
#43df97
```
#43df97 rgb(67,223,151)
```
#54e2a0
```
#54e2a0 rgb(84,226,160)
```
#65e5a9
```
#65e5a9 rgb(101,229,169)
```
#76e8b3
```
#76e8b3 rgb(118,232,179)
```
#86ebbc
```
#86ebbc rgb(134,235,188)
```
#97edc5
```
#97edc5 rgb(151,237,197)
```
#a8f0cf
```
#a8f0cf rgb(168,240,207)
```
#b9f3d8
```
#b9f3d8 rgb(185,243,216)
```
#c9f6e1
```
#c9f6e1 rgb(201,246,225)
```
#daf9eb
```
#daf9eb rgb(218,249,235)
```
#ebfcf4
```
#ebfcf4 rgb(235,252,244)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#999d9b
```
#999d9b rgb(153,157,155)
```
#92a49c
```
#92a49c rgb(146,164,156)
```
#8aac9c
```
#8aac9c rgb(138,172,156)
```
#82b49d
```
#82b49d rgb(130,180,157)
```
#7abc9d
```
#7abc9d rgb(122,188,157)
```
#73c39e
```
#73c39e rgb(115,195,158)
```
#6bcb9e
```
#6bcb9e rgb(107,203,158)
```
#63d39f
```
#63d39f rgb(99,211,159)
```
#5cda9f
```
#5cda9f rgb(92,218,159)
```
#54e2a0
```
#54e2a0 rgb(84,226,160)
```
#4ceaa1
```
#4ceaa1 rgb(76,234,161)
```
#45f1a1
```
#45f1a1 rgb(69,241,161)
```
#3df9a2
```
#3df9a2 rgb(61,249,162)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#9ebaad Atypical Achromatopsia 0.001% of the population

Dichromacy

#dacc9a Protanopia 1% of men
#e9c5af Deuteranopia 1% of men
#79daea Tritanopia 0.001% of the population

Trichromacy

#a9d49c Protanomaly 1% of men, 0.01% of women
#b3cfa9 Deuteranomaly 6% of men, 0.4% of women
#6cddcf Tritanomaly 0.01% of the population

#54e2a0 hex color

#54e2a0 Color Information

#54e2a0 Color Conversion

Color Schemes with #54e2a0

Alternatives to #54e2a0

#54e2a0 Preview

Shades and Tints of #54e2a0

Tones of #54e2a0

Color Blindness Simulator