#54e2b2 hex color

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

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

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

The hexadecimal color #54e2b2 has RGB values of R:84, G:226, B:178 and CMYK values of C:0.63, M:0, Y:0.21, K:0.11. Its decimal value is 5563058.

Hex triplet	54e2b2	`#54e2b2`
RGB Decimal	84, 226, 178	`rgb(84,226,178)`
RGB Percent	32.9, 88.6, 69.8	`rgb(32.9%,88.6%,69.8%)`
CMYK	63, 0, 21, 11
HSL	159.7°, 71, 60.8	`hsl(159.7,71%,60.8%)`
HSV (or HSB)	159.7°, 62.8, 88.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	81.559, -49.333, 12.327
XYZ	38.885, 59.489, 51.55
xyY	0.259, 0.397, 59.489
CIE-LCH	81.559, 50.85, 165.97
CIE-LUV	81.559, -57.888, 26.215
Hunter-Lab	77.129, -44.983, 14.363
Binary	01010100, 11100010, 10110010

#54e2b2
```
#54e2b2 rgb(84,226,178)
```
#e25484
```
#e25484 rgb(226,84,132)
```

Complementary Color

#54e26b
```
#54e26b rgb(84,226,107)
```
#54e2b2
```
#54e2b2 rgb(84,226,178)
```
#54cbe2
```
#54cbe2 rgb(84,203,226)
```

Analogous Color

#e26b54
```
#e26b54 rgb(226,107,84)
```
#54e2b2
```
#54e2b2 rgb(84,226,178)
```
#e254cb
```
#e254cb rgb(226,84,203)
```

Split Complementary Color

#e2b254
```
#e2b254 rgb(226,178,84)
```
#54e2b2
```
#54e2b2 rgb(84,226,178)
```
#b254e2
```
#b254e2 rgb(178,84,226)
```

Triadic Color

#84e254
```
#84e254 rgb(132,226,84)
```
#54e2b2
```
#54e2b2 rgb(84,226,178)
```
#b254e2
```
#b254e2 rgb(178,84,226)
```
#e25484
```
#e25484 rgb(226,84,132)
```

Tetradic Color

#22c890
```
#22c890 rgb(34,200,144)
```
#28db9e
```
#28db9e rgb(40,219,158)
```
#3edea8
```
#3edea8 rgb(62,222,168)
```
#54e2b2
```
#54e2b2 rgb(84,226,178)
```
#6ae6bc
```
#6ae6bc rgb(106,230,188)
```
#80e9c6
```
#80e9c6 rgb(128,233,198)
```
#95edcf
```
#95edcf rgb(149,237,207)
```

Monochromatic Color

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

#54e28f
```
#54e28f rgb(84,226,143)
```
#54e29a
```
#54e29a rgb(84,226,154)
```
#54e2a6
```
#54e2a6 rgb(84,226,166)
```
#54e2b2
```
#54e2b2 rgb(84,226,178)
```
#54e2be
```
#54e2be rgb(84,226,190)
```
#54e2ca
```
#54e2ca rgb(84,226,202)
```
#54e2d6
```
#54e2d6 rgb(84,226,214)
```

Similar Colors

Text with hexadecimal color #54e2b2

This text has a font color of #54e2b2.

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

#54e2b2 background color

This paragraph has a background color of #54e2b2.

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

#54e2b2 border color

This element has a border color of #54e2b2.

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

CSS codes

.text {color:#54e2b2;}

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

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

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

#020d0a
```
#020d0a rgb(2,13,10)
```
#051e16
```
#051e16 rgb(5,30,22)
```
#082f22
```
#082f22 rgb(8,47,34)
```
#0b402e
```
#0b402e rgb(11,64,46)
```
#0e513a
```
#0e513a rgb(14,81,58)
```
#116146
```
#116146 rgb(17,97,70)
```
#137252
```
#137252 rgb(19,114,82)
```
#16835e
```
#16835e rgb(22,131,94)
```
#19946a
```
#19946a rgb(25,148,106)
```
#1ca476
```
#1ca476 rgb(28,164,118)
```
#1fb582
```
#1fb582 rgb(31,181,130)
```
#22c68e
```
#22c68e rgb(34,198,142)
```
#24d79a
```
#24d79a rgb(36,215,154)
```

Shade Color Variation

#32dca3
```
#32dca3 rgb(50,220,163)
```
#43dfaa
```
#43dfaa rgb(67,223,170)
```
#54e2b2
```
#54e2b2 rgb(84,226,178)
```
#65e5ba
```
#65e5ba rgb(101,229,186)
```
#76e8c1
```
#76e8c1 rgb(118,232,193)
```
#86ebc9
```
#86ebc9 rgb(134,235,201)
```
#97edd0
```
#97edd0 rgb(151,237,208)
```
#a8f0d8
```
#a8f0d8 rgb(168,240,216)
```
#b9f3df
```
#b9f3df rgb(185,243,223)
```
#c9f6e7
```
#c9f6e7 rgb(201,246,231)
```
#daf9ee
```
#daf9ee rgb(218,249,238)
```
#ebfcf6
```
#ebfcf6 rgb(235,252,246)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#999d9c
```
#999d9c rgb(153,157,156)
```
#92a49e
```
#92a49e rgb(146,164,158)
```
#8aaca1
```
#8aaca1 rgb(138,172,161)
```
#82b4a3
```
#82b4a3 rgb(130,180,163)
```
#7abca6
```
#7abca6 rgb(122,188,166)
```
#73c3a8
```
#73c3a8 rgb(115,195,168)
```
#6bcbab
```
#6bcbab rgb(107,203,171)
```
#63d3ad
```
#63d3ad rgb(99,211,173)
```
#5cdab0
```
#5cdab0 rgb(92,218,176)
```
#54e2b2
```
#54e2b2 rgb(84,226,178)
```
#4ceab4
```
#4ceab4 rgb(76,234,180)
```
#45f1b7
```
#45f1b7 rgb(69,241,183)
```
#3df9b9
```
#3df9b9 rgb(61,249,185)
```

Tone Color Variation

Below, you can see how #54e2b2 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
#9fbcb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8ccab Protanopia 1% of men
#e5c6bf Deuteranopia 1% of men
#75dbec Tritanopia 0.001% of the population

Trichromacy

#a8d4ad Protanomaly 1% of men, 0.01% of women
#b0d0ba Deuteranomaly 6% of men, 0.4% of women
#69ded6 Tritanomaly 0.01% of the population

#54e2b2 hex color

#54e2b2 Color Information

#54e2b2 Color Conversion

Color Schemes with #54e2b2

Alternatives to #54e2b2

#54e2b2 Preview

Shades and Tints of #54e2b2

Tones of #54e2b2

Color Blindness Simulator