#54eaa2 hex color

In a RGB color space, hex #54eaa2 is composed of 32.9% red, 91.8% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 0% magenta, 30.8% yellow and 8.2% black. It has a hue angle of 151.2 degrees, a saturation of 78.1% and a lightness of 62.4%. #54eaa2 color hex could be obtained by blending #a8ffff with #00d545. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 33
- G 92
- B 64
RGB color chart
- C 64
- M 0
- Y 31
- K 8
CMYK color chart

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

The hexadecimal color #54eaa2 has RGB values of R:84, G:234, B:162 and CMYK values of C:0.64, M:0, Y:0.31, K:0.08. Its decimal value is 5565090.

Hex triplet	54eaa2	`#54eaa2`
RGB Decimal	84, 234, 162	`rgb(84,234,162)`
RGB Percent	32.9, 91.8, 63.5	`rgb(32.9%,91.8%,63.5%)`
CMYK	64, 0, 31, 8
HSL	151.2°, 78.1, 62.4	`hsl(151.2,78.1%,62.4%)`
HSV (or HSB)	151.2°, 64.1, 91.8
Web Safe	66ff99	`#66ff99`

CIE-LAB	83.619, -55.957, 23.537
XYZ	39.598, 63.336, 44.319
xyY	0.269, 0.43, 63.336
CIE-LCH	83.619, 60.705, 157.187
CIE-LUV	83.619, -61.685, 42.87
Hunter-Lab	79.584, -50.457, 22.691
Binary	01010100, 11101010, 10100010

#54eaa2
```
#54eaa2 rgb(84,234,162)
```
#ea549c
```
#ea549c rgb(234,84,156)
```

Complementary Color

#54ea57
```
#54ea57 rgb(84,234,87)
```
#54eaa2
```
#54eaa2 rgb(84,234,162)
```
#54e7ea
```
#54e7ea rgb(84,231,234)
```

Analogous Color

#ea5754
```
#ea5754 rgb(234,87,84)
```
#54eaa2
```
#54eaa2 rgb(84,234,162)
```
#ea54e7
```
#ea54e7 rgb(234,84,231)
```

Split Complementary Color

#eaa254
```
#eaa254 rgb(234,162,84)
```
#54eaa2
```
#54eaa2 rgb(84,234,162)
```
#a254ea
```
#a254ea rgb(162,84,234)
```

Triadic Color

#9cea54
```
#9cea54 rgb(156,234,84)
```
#54eaa2
```
#54eaa2 rgb(84,234,162)
```
#a254ea
```
#a254ea rgb(162,84,234)
```
#ea549c
```
#ea549c rgb(234,84,156)
```

Tetradic Color

#1ad77d
```
#1ad77d rgb(26,215,125)
```
#27e489
```
#27e489 rgb(39,228,137)
```
#3de796
```
#3de796 rgb(61,231,150)
```
#54eaa2
```
#54eaa2 rgb(84,234,162)
```
#6bedae
```
#6bedae rgb(107,237,174)
```
#81f0bb
```
#81f0bb rgb(129,240,187)
```
#98f2c7
```
#98f2c7 rgb(152,242,199)
```

Monochromatic Color

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

#54ea7d
```
#54ea7d rgb(84,234,125)
```
#54ea89
```
#54ea89 rgb(84,234,137)
```
#54ea96
```
#54ea96 rgb(84,234,150)
```
#54eaa2
```
#54eaa2 rgb(84,234,162)
```
#54eaaf
```
#54eaaf rgb(84,234,175)
```
#54eabb
```
#54eabb rgb(84,234,187)
```
#54eac8
```
#54eac8 rgb(84,234,200)
```

Similar Colors

Text with hexadecimal color #54eaa2

This text has a font color of #54eaa2.

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

#54eaa2 background color

This paragraph has a background color of #54eaa2.

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

#54eaa2 border color

This element has a border color of #54eaa2.

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

CSS codes

.text {color:#54eaa2;}

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

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

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

#000402
```
#000402 rgb(0,4,2)
```
#03150c
```
#03150c rgb(3,21,12)
```
#052716
```
#052716 rgb(5,39,22)
```
#073820
```
#073820 rgb(7,56,32)
```
#094a2b
```
#094a2b rgb(9,74,43)
```
#0b5b35
```
#0b5b35 rgb(11,91,53)
```
#0d6d3f
```
#0d6d3f rgb(13,109,63)
```
#0f7e49
```
#0f7e49 rgb(15,126,73)
```
#128f53
```
#128f53 rgb(18,143,83)
```
#14a15d
```
#14a15d rgb(20,161,93)
```
#16b267
```
#16b267 rgb(22,178,103)
```
#18c471
```
#18c471 rgb(24,196,113)
```
#1ad57c
```
#1ad57c rgb(26,213,124)
```

Shade Color Variation

#20e485
```
#20e485 rgb(32,228,133)
```
#31e68f
```
#31e68f rgb(49,230,143)
```
#43e898
```
#43e898 rgb(67,232,152)
```
#54eaa2
```
#54eaa2 rgb(84,234,162)
```
#65ecac
```
#65ecac rgb(101,236,172)
```
#77eeb5
```
#77eeb5 rgb(119,238,181)
```
#88f0bf
```
#88f0bf rgb(136,240,191)
```
#9af3c8
```
#9af3c8 rgb(154,243,200)
```
#abf5d2
```
#abf5d2 rgb(171,245,210)
```
#bdf7db
```
#bdf7db rgb(189,247,219)
```
#cef9e5
```
#cef9e5 rgb(206,249,229)
```
#e0fbee
```
#e0fbee rgb(224,251,238)
```
#f1fdf8
```
#f1fdf8 rgb(241,253,248)
```

Tint Color Variation

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

#9ea09f
```
#9ea09f rgb(158,160,159)
```
#96a89f
```
#96a89f rgb(150,168,159)
```
#8fafa0
```
#8fafa0 rgb(143,175,160)
```
#88b6a0
```
#88b6a0 rgb(136,182,160)
```
#80bea0
```
#80bea0 rgb(128,190,160)
```
#79c5a1
```
#79c5a1 rgb(121,197,161)
```
#72cca1
```
#72cca1 rgb(114,204,161)
```
#6ad4a1
```
#6ad4a1 rgb(106,212,161)
```
#63dba1
```
#63dba1 rgb(99,219,161)
```
#5be3a2
```
#5be3a2 rgb(91,227,162)
```
#54eaa2
```
#54eaa2 rgb(84,234,162)
```
#4df1a2
```
#4df1a2 rgb(77,241,162)
```
#45f9a3
```
#45f9a3 rgb(69,249,163)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a2c0b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d29c Protanopia 1% of men
#f2cbb1 Deuteranopia 1% of men
#7ce1f1 Tritanopia 0.001% of the population

Trichromacy

#aedb9e Protanomaly 1% of men, 0.01% of women
#b8d6ac Deuteranomaly 6% of men, 0.4% of women
#6de4d4 Tritanomaly 0.01% of the population

#54eaa2 hex color

#54eaa2 Color Information

#54eaa2 Color Conversion

Color Schemes with #54eaa2

Alternatives to #54eaa2

#54eaa2 Preview

Shades and Tints of #54eaa2

Tones of #54eaa2

Color Blindness Simulator