#54e3b2 hex color

In a RGB color space, hex #54e3b2 is composed of 32.9% red, 89% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 0% magenta, 21.6% yellow and 11% black. It has a hue angle of 159.4 degrees, a saturation of 71.9% and a lightness of 61%. #54e3b2 color hex could be obtained by blending #a8ffff with #00c765. Closest websafe color is: #66cc99.

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

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

The hexadecimal color #54e3b2 has RGB values of R:84, G:227, B:178 and CMYK values of C:0.63, M:0, Y:0.22, K:0.11. Its decimal value is 5563314.

Hex triplet	54e3b2	`#54e3b2`
RGB Decimal	84, 227, 178	`rgb(84,227,178)`
RGB Percent	32.9, 89, 69.8	`rgb(32.9%,89%,69.8%)`
CMYK	63, 0, 22, 11
HSL	159.4°, 71.9, 61	`hsl(159.4,71.9%,61%)`
HSV (or HSB)	159.4°, 63, 89
Web Safe	66cc99	`#66cc99`

CIE-LAB	81.857, -49.749, 12.748
XYZ	39.158, 60.034, 51.641
xyY	0.26, 0.398, 60.034
CIE-LCH	81.857, 51.356, 165.627
CIE-LUV	81.857, -58.254, 26.899
Hunter-Lab	77.482, -45.381, 14.721
Binary	01010100, 11100011, 10110010

#54e3b2
```
#54e3b2 rgb(84,227,178)
```
#e35485
```
#e35485 rgb(227,84,133)
```

Complementary Color

#54e36b
```
#54e36b rgb(84,227,107)
```
#54e3b2
```
#54e3b2 rgb(84,227,178)
```
#54cde3
```
#54cde3 rgb(84,205,227)
```

Analogous Color

#e36b54
```
#e36b54 rgb(227,107,84)
```
#54e3b2
```
#54e3b2 rgb(84,227,178)
```
#e354cd
```
#e354cd rgb(227,84,205)
```

Split Complementary Color

#e3b254
```
#e3b254 rgb(227,178,84)
```
#54e3b2
```
#54e3b2 rgb(84,227,178)
```
#b254e3
```
#b254e3 rgb(178,84,227)
```

Triadic Color

#85e354
```
#85e354 rgb(133,227,84)
```
#54e3b2
```
#54e3b2 rgb(84,227,178)
```
#b254e3
```
#b254e3 rgb(178,84,227)
```
#e35485
```
#e35485 rgb(227,84,133)
```

Tetradic Color

#21ca90
```
#21ca90 rgb(33,202,144)
```
#28dc9e
```
#28dc9e rgb(40,220,158)
```
#3edfa8
```
#3edfa8 rgb(62,223,168)
```
#54e3b2
```
#54e3b2 rgb(84,227,178)
```
#6ae7bc
```
#6ae7bc rgb(106,231,188)
```
#80eac6
```
#80eac6 rgb(128,234,198)
```
#96eed0
```
#96eed0 rgb(150,238,208)
```

Monochromatic Color

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

#54e38e
```
#54e38e rgb(84,227,142)
```
#54e39a
```
#54e39a rgb(84,227,154)
```
#54e3a6
```
#54e3a6 rgb(84,227,166)
```
#54e3b2
```
#54e3b2 rgb(84,227,178)
```
#54e3be
```
#54e3be rgb(84,227,190)
```
#54e3ca
```
#54e3ca rgb(84,227,202)
```
#54e3d6
```
#54e3d6 rgb(84,227,214)
```

Similar Colors

Text with hexadecimal color #54e3b2

This text has a font color of #54e3b2.

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

#54e3b2 background color

This paragraph has a background color of #54e3b2.

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

#54e3b2 border color

This element has a border color of #54e3b2.

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

CSS codes

.text {color:#54e3b2;}

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

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

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

#020e0a
```
#020e0a rgb(2,14,10)
```
#051f16
```
#051f16 rgb(5,31,22)
```
#083022
```
#083022 rgb(8,48,34)
```
#0b412e
```
#0b412e rgb(11,65,46)
```
#0d523a
```
#0d523a rgb(13,82,58)
```
#106346
```
#106346 rgb(16,99,70)
```
#137452
```
#137452 rgb(19,116,82)
```
#16845e
```
#16845e rgb(22,132,94)
```
#18956a
```
#18956a rgb(24,149,106)
```
#1ba677
```
#1ba677 rgb(27,166,119)
```
#1eb783
```
#1eb783 rgb(30,183,131)
```
#21c88f
```
#21c88f rgb(33,200,143)
```
#23d99b
```
#23d99b rgb(35,217,155)
```

Shade Color Variation

#32dda3
```
#32dda3 rgb(50,221,163)
```
#43e0aa
```
#43e0aa rgb(67,224,170)
```
#54e3b2
```
#54e3b2 rgb(84,227,178)
```
#65e6ba
```
#65e6ba rgb(101,230,186)
```
#76e9c1
```
#76e9c1 rgb(118,233,193)
```
#87ebc9
```
#87ebc9 rgb(135,235,201)
```
#97eed0
```
#97eed0 rgb(151,238,208)
```
#a8f1d8
```
#a8f1d8 rgb(168,241,216)
```
#b9f4e0
```
#b9f4e0 rgb(185,244,224)
```
#caf6e7
```
#caf6e7 rgb(202,246,231)
```
#dbf9ef
```
#dbf9ef rgb(219,249,239)
```
#ecfcf6
```
#ecfcf6 rgb(236,252,246)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#999e9c
```
#999e9c rgb(153,158,156)
```
#91a69f
```
#91a69f rgb(145,166,159)
```
#8aada1
```
#8aada1 rgb(138,173,161)
```
#82b5a4
```
#82b5a4 rgb(130,181,164)
```
#7abda6
```
#7abda6 rgb(122,189,166)
```
#73c4a8
```
#73c4a8 rgb(115,196,168)
```
#6bccab
```
#6bccab rgb(107,204,171)
```
#63d4ad
```
#63d4ad rgb(99,212,173)
```
#5cdbb0
```
#5cdbb0 rgb(92,219,176)
```
#54e3b2
```
#54e3b2 rgb(84,227,178)
```
#4cebb4
```
#4cebb4 rgb(76,235,180)
```
#45f2b7
```
#45f2b7 rgb(69,242,183)
```
#3dfab9
```
#3dfab9 rgb(61,250,185)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a0bdb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9cdab Protanopia 1% of men
#e6c7c0 Deuteranopia 1% of men
#76dcec Tritanopia 0.001% of the population

Trichromacy

#a9d5ad Protanomaly 1% of men, 0.01% of women
#b1d1ba Deuteranomaly 6% of men, 0.4% of women
#69dfd7 Tritanomaly 0.01% of the population

#54e3b2 hex color

#54e3b2 Color Information

#54e3b2 Color Conversion

Color Schemes with #54e3b2

Alternatives to #54e3b2

#54e3b2 Preview

Shades and Tints of #54e3b2

Tones of #54e3b2

Color Blindness Simulator