#54e1b4 hex color

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

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

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

The hexadecimal color #54e1b4 has RGB values of R:84, G:225, B:180 and CMYK values of C:0.63, M:0, Y:0.2, K:0.12. Its decimal value is 5562804.

Hex triplet	54e1b4	`#54e1b4`
RGB Decimal	84, 225, 180	`rgb(84,225,180)`
RGB Percent	32.9, 88.2, 70.6	`rgb(32.9%,88.2%,70.6%)`
CMYK	63, 0, 20, 12
HSL	160.9°, 70.1, 60.6	`hsl(160.9,70.1%,60.6%)`
HSV (or HSB)	160.9°, 62.7, 88.2
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.307, -48.463, 10.915
XYZ	38.817, 59.027, 52.525
xyY	0.258, 0.393, 59.027
CIE-LCH	81.307, 49.676, 167.308
CIE-LUV	81.307, -57.409, 24.034
Hunter-Lab	76.829, -44.267, 13.246
Binary	01010100, 11100001, 10110100

#54e1b4
```
#54e1b4 rgb(84,225,180)
```
#e15481
```
#e15481 rgb(225,84,129)
```

Complementary Color

#54e16e
```
#54e16e rgb(84,225,110)
```
#54e1b4
```
#54e1b4 rgb(84,225,180)
```
#54c8e1
```
#54c8e1 rgb(84,200,225)
```

Analogous Color

#e16e54
```
#e16e54 rgb(225,110,84)
```
#54e1b4
```
#54e1b4 rgb(84,225,180)
```
#e154c8
```
#e154c8 rgb(225,84,200)
```

Split Complementary Color

#e1b454
```
#e1b454 rgb(225,180,84)
```
#54e1b4
```
#54e1b4 rgb(84,225,180)
```
#b454e1
```
#b454e1 rgb(180,84,225)
```

Triadic Color

#81e154
```
#81e154 rgb(129,225,84)
```
#54e1b4
```
#54e1b4 rgb(84,225,180)
```
#b454e1
```
#b454e1 rgb(180,84,225)
```
#e15481
```
#e15481 rgb(225,84,129)
```

Tetradic Color

#23c692
```
#23c692 rgb(35,198,146)
```
#29d9a1
```
#29d9a1 rgb(41,217,161)
```
#3eddaa
```
#3eddaa rgb(62,221,170)
```
#54e1b4
```
#54e1b4 rgb(84,225,180)
```
#6ae5be
```
#6ae5be rgb(106,229,190)
```
#7fe9c7
```
#7fe9c7 rgb(127,233,199)
```
#95ecd1
```
#95ecd1 rgb(149,236,209)
```

Monochromatic Color

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

#54e191
```
#54e191 rgb(84,225,145)
```
#54e19d
```
#54e19d rgb(84,225,157)
```
#54e1a8
```
#54e1a8 rgb(84,225,168)
```
#54e1b4
```
#54e1b4 rgb(84,225,180)
```
#54e1c0
```
#54e1c0 rgb(84,225,192)
```
#54e1cc
```
#54e1cc rgb(84,225,204)
```
#54e1d7
```
#54e1d7 rgb(84,225,215)
```

Similar Colors

Text with hexadecimal color #54e1b4

This text has a font color of #54e1b4.

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

#54e1b4 background color

This paragraph has a background color of #54e1b4.

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

#54e1b4 border color

This element has a border color of #54e1b4.

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

CSS codes

.text {color:#54e1b4;}

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

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

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

#020d09
```
#020d09 rgb(2,13,9)
```
#051d16
```
#051d16 rgb(5,29,22)
```
#082e22
```
#082e22 rgb(8,46,34)
```
#0b3f2e
```
#0b3f2e rgb(11,63,46)
```
#0e4f3a
```
#0e4f3a rgb(14,79,58)
```
#116047
```
#116047 rgb(17,96,71)
```
#147153
```
#147153 rgb(20,113,83)
```
#17815f
```
#17815f rgb(23,129,95)
```
#1a926c
```
#1a926c rgb(26,146,108)
```
#1da378
```
#1da378 rgb(29,163,120)
```
#1fb384
```
#1fb384 rgb(31,179,132)
```
#22c491
```
#22c491 rgb(34,196,145)
```
#25d59d
```
#25d59d rgb(37,213,157)
```

Shade Color Variation

#33dba5
```
#33dba5 rgb(51,219,165)
```
#43dead
```
#43dead rgb(67,222,173)
```
#54e1b4
```
#54e1b4 rgb(84,225,180)
```
#65e4bb
```
#65e4bb rgb(101,228,187)
```
#75e7c3
```
#75e7c3 rgb(117,231,195)
```
#86eaca
```
#86eaca rgb(134,234,202)
```
#97edd1
```
#97edd1 rgb(151,237,209)
```
#a7f0d9
```
#a7f0d9 rgb(167,240,217)
```
#b8f3e0
```
#b8f3e0 rgb(184,243,224)
```
#c9f5e7
```
#c9f5e7 rgb(201,245,231)
```
#daf8ef
```
#daf8ef rgb(218,248,239)
```
#eafbf6
```
#eafbf6 rgb(234,251,246)
```
#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 #3df8bc is the most saturated one.

#9a9b9b
```
#9a9b9b rgb(154,155,155)
```
#92a39e
```
#92a39e rgb(146,163,158)
```
#8aaba0
```
#8aaba0 rgb(138,171,160)
```
#82b3a3
```
#82b3a3 rgb(130,179,163)
```
#7bbaa6
```
#7bbaa6 rgb(123,186,166)
```
#73c2a9
```
#73c2a9 rgb(115,194,169)
```
#6bcaac
```
#6bcaac rgb(107,202,172)
```
#63d2ae
```
#63d2ae rgb(99,210,174)
```
#5cd9b1
```
#5cd9b1 rgb(92,217,177)
```
#54e1b4
```
#54e1b4 rgb(84,225,180)
```
#4ce9b7
```
#4ce9b7 rgb(76,233,183)
```
#45f0ba
```
#45f0ba rgb(69,240,186)
```
#3df8bc
```
#3df8bc rgb(61,248,188)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#9fbbb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7ccad Protanopia 1% of men
#e3c6c1 Deuteranopia 1% of men
#74dbeb Tritanopia 0.001% of the population

Trichromacy

#a7d3af Protanomaly 1% of men, 0.01% of women
#afcfbc Deuteranomaly 6% of men, 0.4% of women
#68ddd7 Tritanomaly 0.01% of the population

#54e1b4 hex color

#54e1b4 Color Information

#54e1b4 Color Conversion

Color Schemes with #54e1b4

Alternatives to #54e1b4

#54e1b4 Preview

Shades and Tints of #54e1b4

Tones of #54e1b4

Color Blindness Simulator