#54d1a2 hex color

In a RGB color space, hex #54d1a2 is composed of 32.9% red, 82% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 0% magenta, 22.5% yellow and 18% black. It has a hue angle of 157.4 degrees, a saturation of 57.6% and a lightness of 57.5%. #54d1a2 color hex could be obtained by blending #a8ffff with #00a345. Closest websafe color is: #66cc99.

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

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

The hexadecimal color #54d1a2 has RGB values of R:84, G:209, B:162 and CMYK values of C:0.6, M:0, Y:0.22, K:0.18. Its decimal value is 5558690.

Hex triplet	54d1a2	`#54d1a2`
RGB Decimal	84, 209, 162	`rgb(84,209,162)`
RGB Percent	32.9, 82, 63.5	`rgb(32.9%,82%,63.5%)`
CMYK	60, 0, 22, 18
HSL	157.4°, 57.6, 57.5	`hsl(157.4,57.6%,57.5%)`
HSV (or HSB)	157.4°, 59.8, 82
Web Safe	66cc99	`#66cc99`

CIE-LAB	76.125, -45.757, 13.12
XYZ	32.976, 50.092, 42.111
xyY	0.263, 0.4, 50.092
CIE-LCH	76.125, 47.601, 164
CIE-LUV	76.125, -52.451, 26.426
Hunter-Lab	70.775, -40.69, 14.265
Binary	01010100, 11010001, 10100010

#54d1a2
```
#54d1a2 rgb(84,209,162)
```
#d15483
```
#d15483 rgb(209,84,131)
```

Complementary Color

#54d164
```
#54d164 rgb(84,209,100)
```
#54d1a2
```
#54d1a2 rgb(84,209,162)
```
#54c2d1
```
#54c2d1 rgb(84,194,209)
```

Analogous Color

#d16354
```
#d16354 rgb(209,99,84)
```
#54d1a2
```
#54d1a2 rgb(84,209,162)
```
#d154c2
```
#d154c2 rgb(209,84,194)
```

Split Complementary Color

#d1a254
```
#d1a254 rgb(209,162,84)
```
#54d1a2
```
#54d1a2 rgb(84,209,162)
```
#a254d1
```
#a254d1 rgb(162,84,209)
```

Triadic Color

#83d154
```
#83d154 rgb(131,209,84)
```
#54d1a2
```
#54d1a2 rgb(84,209,162)
```
#a254d1
```
#a254d1 rgb(162,84,209)
```
#d15483
```
#d15483 rgb(209,84,131)
```

Tetradic Color

#2eab7c
```
#2eab7c rgb(46,171,124)
```
#33bf8a
```
#33bf8a rgb(51,191,138)
```
#40cc97
```
#40cc97 rgb(64,204,151)
```
#54d1a2
```
#54d1a2 rgb(84,209,162)
```
#68d6ad
```
#68d6ad rgb(104,214,173)
```
#7cdcb8
```
#7cdcb8 rgb(124,220,184)
```
#90e1c3
```
#90e1c3 rgb(144,225,195)
```

Monochromatic Color

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

#54d183
```
#54d183 rgb(84,209,131)
```
#54d18d
```
#54d18d rgb(84,209,141)
```
#54d198
```
#54d198 rgb(84,209,152)
```
#54d1a2
```
#54d1a2 rgb(84,209,162)
```
#54d1ac
```
#54d1ac rgb(84,209,172)
```
#54d1b7
```
#54d1b7 rgb(84,209,183)
```
#54d1c1
```
#54d1c1 rgb(84,209,193)
```

Similar Colors

Text with hexadecimal color #54d1a2

This text has a font color of #54d1a2.

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

#54d1a2 background color

This paragraph has a background color of #54d1a2.

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

#54d1a2 border color

This element has a border color of #54d1a2.

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

CSS codes

.text {color:#54d1a2;}

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

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

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

#040e0b
```
#040e0b rgb(4,14,11)
```
#081e16
```
#081e16 rgb(8,30,22)
```
#0c2d21
```
#0c2d21 rgb(12,45,33)
```
#103d2c
```
#103d2c rgb(16,61,44)
```
#154c37
```
#154c37 rgb(21,76,55)
```
#195c43
```
#195c43 rgb(25,92,67)
```
#1d6b4e
```
#1d6b4e rgb(29,107,78)
```
#217b59
```
#217b59 rgb(33,123,89)
```
#258a64
```
#258a64 rgb(37,138,100)
```
#299a6f
```
#299a6f rgb(41,154,111)
```
#2da97b
```
#2da97b rgb(45,169,123)
```
#32b986
```
#32b986 rgb(50,185,134)
```
#36c891
```
#36c891 rgb(54,200,145)
```

Shade Color Variation

#45cd9a
```
#45cd9a rgb(69,205,154)
```
#54d1a2
```
#54d1a2 rgb(84,209,162)
```
#63d5aa
```
#63d5aa rgb(99,213,170)
```
#73d9b3
```
#73d9b3 rgb(115,217,179)
```
#82ddbb
```
#82ddbb rgb(130,221,187)
```
#92e2c4
```
#92e2c4 rgb(146,226,196)
```
#a1e6cc
```
#a1e6cc rgb(161,230,204)
```
#b1ead4
```
#b1ead4 rgb(177,234,212)
```
#c0eedd
```
#c0eedd rgb(192,238,221)
```
#d0f2e5
```
#d0f2e5 rgb(208,242,229)
```
#dff6ee
```
#dff6ee rgb(223,246,238)
```
#effbf6
```
#effbf6 rgb(239,251,246)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#8e9794
```
#8e9794 rgb(142,151,148)
```
#869f96
```
#869f96 rgb(134,159,150)
```
#7ea798
```
#7ea798 rgb(126,167,152)
```
#75b09a
```
#75b09a rgb(117,176,154)
```
#6db89c
```
#6db89c rgb(109,184,156)
```
#65c09e
```
#65c09e rgb(101,192,158)
```
#5cc9a0
```
#5cc9a0 rgb(92,201,160)
```
#54d1a2
```
#54d1a2 rgb(84,209,162)
```
#4cd9a4
```
#4cd9a4 rgb(76,217,164)
```
#43e2a6
```
#43e2a6 rgb(67,226,166)
```
#3beaa8
```
#3beaa8 rgb(59,234,168)
```
#33f2aa
```
#33f2aa rgb(51,242,170)
```
#2afbac
```
#2afbac rgb(42,251,172)
```

Tone Color Variation

Below, you can see how #54d1a2 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
#96afa5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cabe9d Protanopia 1% of men
#d6b8af Deuteranopia 1% of men
#72ccdb Tritanopia 0.001% of the population

Trichromacy

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

#54d1a2 hex color

#54d1a2 Color Information

#54d1a2 Color Conversion

Color Schemes with #54d1a2

Alternatives to #54d1a2

#54d1a2 Preview

Shades and Tints of #54d1a2

Tones of #54d1a2

Color Blindness Simulator