#54d0a4 hex color

In a RGB color space, hex #54d0a4 is composed of 32.9% red, 81.6% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 0% magenta, 21.2% yellow and 18.4% black. It has a hue angle of 158.7 degrees, a saturation of 56.9% and a lightness of 57.3%. #54d0a4 color hex could be obtained by blending #a8ffff with #00a149. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 33
- G 82
- B 64
RGB color chart
- C 60
- M 0
- Y 21
- K 18
CMYK color chart

● #54d0a4 color description : Moderate cyan - lime green.

The hexadecimal color #54d0a4 has RGB values of R:84, G:208, B:164 and CMYK values of C:0.6, M:0, Y:0.21, K:0.18. Its decimal value is 5558436.

Hex triplet	54d0a4	`#54d0a4`
RGB Decimal	84, 208, 164	`rgb(84,208,164)`
RGB Percent	32.9, 81.6, 64.3	`rgb(32.9%,81.6%,64.3%)`
CMYK	60, 0, 21, 18
HSL	158.7°, 56.9, 57.3	`hsl(158.7,56.9%,57.3%)`
HSV (or HSB)	158.7°, 59.6, 81.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	75.869, -44.883, 11.69
XYZ	32.91, 49.674, 42.974
xyY	0.262, 0.396, 49.674
CIE-LCH	75.869, 46.38, 165.402
CIE-LUV	75.869, -51.969, 24.265
Hunter-Lab	70.48, -39.99, 13.185
Binary	01010100, 11010000, 10100100

#54d0a4
```
#54d0a4 rgb(84,208,164)
```
#d05480
```
#d05480 rgb(208,84,128)
```

Complementary Color

#54d066
```
#54d066 rgb(84,208,102)
```
#54d0a4
```
#54d0a4 rgb(84,208,164)
```
#54bed0
```
#54bed0 rgb(84,190,208)
```

Analogous Color

#d06654
```
#d06654 rgb(208,102,84)
```
#54d0a4
```
#54d0a4 rgb(84,208,164)
```
#d054be
```
#d054be rgb(208,84,190)
```

Split Complementary Color

#d0a454
```
#d0a454 rgb(208,164,84)
```
#54d0a4
```
#54d0a4 rgb(84,208,164)
```
#a454d0
```
#a454d0 rgb(164,84,208)
```

Triadic Color

#80d054
```
#80d054 rgb(128,208,84)
```
#54d0a4
```
#54d0a4 rgb(84,208,164)
```
#a454d0
```
#a454d0 rgb(164,84,208)
```
#d05480
```
#d05480 rgb(208,84,128)
```

Tetradic Color

#2ea97e
```
#2ea97e rgb(46,169,126)
```
#34bd8c
```
#34bd8c rgb(52,189,140)
```
#40cb99
```
#40cb99 rgb(64,203,153)
```
#54d0a4
```
#54d0a4 rgb(84,208,164)
```
#68d5af
```
#68d5af rgb(104,213,175)
```
#7cdbb9
```
#7cdbb9 rgb(124,219,185)
```
#90e0c4
```
#90e0c4 rgb(144,224,196)
```

Monochromatic Color

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

#54d085
```
#54d085 rgb(84,208,133)
```
#54d08f
```
#54d08f rgb(84,208,143)
```
#54d09a
```
#54d09a rgb(84,208,154)
```
#54d0a4
```
#54d0a4 rgb(84,208,164)
```
#54d0ae
```
#54d0ae rgb(84,208,174)
```
#54d0b9
```
#54d0b9 rgb(84,208,185)
```
#54d0c3
```
#54d0c3 rgb(84,208,195)
```

Similar Colors

Text with hexadecimal color #54d0a4

This text has a font color of #54d0a4.

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

#54d0a4 background color

This paragraph has a background color of #54d0a4.

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

#54d0a4 border color

This element has a border color of #54d0a4.

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

CSS codes

.text {color:#54d0a4;}

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

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

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

#040e0a
```
#040e0a rgb(4,14,10)
```
#081d16
```
#081d16 rgb(8,29,22)
```
#0c2c21
```
#0c2c21 rgb(12,44,33)
```
#103c2c
```
#103c2c rgb(16,60,44)
```
#154b38
```
#154b38 rgb(21,75,56)
```
#195b43
```
#195b43 rgb(25,91,67)
```
#1d6a4f
```
#1d6a4f rgb(29,106,79)
```
#21795a
```
#21795a rgb(33,121,90)
```
#268966
```
#268966 rgb(38,137,102)
```
#2a9871
```
#2a9871 rgb(42,152,113)
```
#2ea87c
```
#2ea87c rgb(46,168,124)
```
#32b788
```
#32b788 rgb(50,183,136)
```
#36c693
```
#36c693 rgb(54,198,147)
```

Shade Color Variation

#45cc9c
```
#45cc9c rgb(69,204,156)
```
#54d0a4
```
#54d0a4 rgb(84,208,164)
```
#63d4ac
```
#63d4ac rgb(99,212,172)
```
#73d8b4
```
#73d8b4 rgb(115,216,180)
```
#82ddbd
```
#82ddbd rgb(130,221,189)
```
#92e1c5
```
#92e1c5 rgb(146,225,197)
```
#a1e5cd
```
#a1e5cd rgb(161,229,205)
```
#b0e9d5
```
#b0e9d5 rgb(176,233,213)
```
#c0eedd
```
#c0eedd rgb(192,238,221)
```
#cff2e6
```
#cff2e6 rgb(207,242,230)
```
#def6ee
```
#def6ee rgb(222,246,238)
```
#eefaf6
```
#eefaf6 rgb(238,250,246)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9593 is the less saturated color, while #2afab0 is the most saturated one.

#8f9593
```
#8f9593 rgb(143,149,147)
```
#869e95
```
#869e95 rgb(134,158,149)
```
#7ea698
```
#7ea698 rgb(126,166,152)
```
#76ae9a
```
#76ae9a rgb(118,174,154)
```
#6db79d
```
#6db79d rgb(109,183,157)
```
#65bf9f
```
#65bf9f rgb(101,191,159)
```
#5cc8a2
```
#5cc8a2 rgb(92,200,162)
```
#54d0a4
```
#54d0a4 rgb(84,208,164)
```
#4cd8a6
```
#4cd8a6 rgb(76,216,166)
```
#43e1a9
```
#43e1a9 rgb(67,225,169)
```
#3be9ab
```
#3be9ab rgb(59,233,171)
```
#32f2ae
```
#32f2ae rgb(50,242,174)
```
#2afab0
```
#2afab0 rgb(42,250,176)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#96aea6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8be9f Protanopia 1% of men
#d5b8b1 Deuteranopia 1% of men
#71cbda Tritanopia 0.001% of the population

Trichromacy

#9ec4a1 Protanomaly 1% of men, 0.01% of women
#a6c0ac Deuteranomaly 6% of men, 0.4% of women
#67cdc6 Tritanomaly 0.01% of the population

#54d0a4 hex color

#54d0a4 Color Information

#54d0a4 Color Conversion

Color Schemes with #54d0a4

Alternatives to #54d0a4

#54d0a4 Preview

Shades and Tints of #54d0a4

Tones of #54d0a4

Color Blindness Simulator