colorhexa.com

#54e1d5 hex color

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

- R 33
- G 88
- B 84
RGB color chart
- C 63
- M 0
- Y 5
- K 12
CMYK color chart

● #54e1d5 color description : Soft cyan.

The hexadecimal color #54e1d5 has RGB values of R:84, G:225, B:213 and CMYK values of C:0.63, M:0, Y:0.05, K:0.12. Its decimal value is 5562837.

Hex triplet	54e1d5	`#54e1d5`
RGB Decimal	84, 225, 213	`rgb(84,225,213)`
RGB Percent	32.9, 88.2, 83.5	`rgb(32.9%,88.2%,83.5%)`
CMYK	63, 0, 5, 12
HSL	174.9°, 70.1, 60.6	`hsl(174.9,70.1%,60.6%)`
HSV (or HSB)	174.9°, 62.7, 88.2
Web Safe	66cccc	`#66cccc`

CIE-LAB	82.129, -40.361, -5.367
XYZ	42.588, 60.536, 72.387
xyY	0.243, 0.345, 60.536
CIE-LCH	82.129, 40.716, 187.575
CIE-LUV	82.129, -55.481, -1.915
Hunter-Lab	77.805, -38.453, -0.698
Binary	01010100, 11100001, 11010101

#54e1d5
```
#54e1d5 rgb(84,225,213)
```
#e15460
```
#e15460 rgb(225,84,96)
```

Complementary Color

#54e18f
```
#54e18f rgb(84,225,143)
```
#54e1d5
```
#54e1d5 rgb(84,225,213)
```
#54a7e1
```
#54a7e1 rgb(84,167,225)
```

Analogous Color

#e18f54
```
#e18f54 rgb(225,143,84)
```
#54e1d5
```
#54e1d5 rgb(84,225,213)
```
#e154a7
```
#e154a7 rgb(225,84,167)
```

Split Complementary Color

#e1d554
```
#e1d554 rgb(225,213,84)
```
#54e1d5
```
#54e1d5 rgb(84,225,213)
```
#d554e1
```
#d554e1 rgb(213,84,225)
```

Triadic Color

#60e154
```
#60e154 rgb(96,225,84)
```
#54e1d5
```
#54e1d5 rgb(84,225,213)
```
#d554e1
```
#d554e1 rgb(213,84,225)
```
#e15460
```
#e15460 rgb(225,84,96)
```

Tetradic Color

#23c6b8
```
#23c6b8 rgb(35,198,184)
```
#29d9ca
```
#29d9ca rgb(41,217,202)
```
#3eddd0
```
#3eddd0 rgb(62,221,208)
```
#54e1d5
```
#54e1d5 rgb(84,225,213)
```
#6ae5da
```
#6ae5da rgb(106,229,218)
```
#7fe9e0
```
#7fe9e0 rgb(127,233,224)
```
#95ece5
```
#95ece5 rgb(149,236,229)
```

Monochromatic Color

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

#54e1b2
```
#54e1b2 rgb(84,225,178)
```
#54e1be
```
#54e1be rgb(84,225,190)
```
#54e1c9
```
#54e1c9 rgb(84,225,201)
```
#54e1d5
```
#54e1d5 rgb(84,225,213)
```
#54e1e1
```
#54e1e1 rgb(84,225,225)
```
#54d6e1
```
#54d6e1 rgb(84,214,225)
```
#54cae1
```
#54cae1 rgb(84,202,225)
```

Similar Colors

Text with hexadecimal color #54e1d5

This text has a font color of #54e1d5.

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

#54e1d5 background color

This paragraph has a background color of #54e1d5.

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

#54e1d5 border color

This element has a border color of #54e1d5.

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

CSS codes

.text {color:#54e1d5;}

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

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

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

#020d0c
```
#020d0c rgb(2,13,12)
```
#051d1b
```
#051d1b rgb(5,29,27)
```
#082e2b
```
#082e2b rgb(8,46,43)
```
#0b3f3a
```
#0b3f3a rgb(11,63,58)
```
#0e4f4a
```
#0e4f4a rgb(14,79,74)
```
#116059
```
#116059 rgb(17,96,89)
```
#147169
```
#147169 rgb(20,113,105)
```
#178178
```
#178178 rgb(23,129,120)
```
#1a9288
```
#1a9288 rgb(26,146,136)
```
#1da397
```
#1da397 rgb(29,163,151)
```
#1fb3a7
```
#1fb3a7 rgb(31,179,167)
```
#22c4b6
```
#22c4b6 rgb(34,196,182)
```
#25d5c6
```
#25d5c6 rgb(37,213,198)
```

Shade Color Variation

#33dbcd
```
#33dbcd rgb(51,219,205)
```
#43ded1
```
#43ded1 rgb(67,222,209)
```
#54e1d5
```
#54e1d5 rgb(84,225,213)
```
#65e4d9
```
#65e4d9 rgb(101,228,217)
```
#75e7dd
```
#75e7dd rgb(117,231,221)
```
#86eae1
```
#86eae1 rgb(134,234,225)
```
#97ede5
```
#97ede5 rgb(151,237,229)
```
#a7f0e9
```
#a7f0e9 rgb(167,240,233)
```
#b8f3ee
```
#b8f3ee rgb(184,243,238)
```
#c9f5f2
```
#c9f5f2 rgb(201,245,242)
```
#daf8f6
```
#daf8f6 rgb(218,248,246)
```
#eafbfa
```
#eafbfa rgb(234,251,250)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#9a9b9b
```
#9a9b9b rgb(154,155,155)
```
#92a3a2
```
#92a3a2 rgb(146,163,162)
```
#8aaba8
```
#8aaba8 rgb(138,171,168)
```
#82b3af
```
#82b3af rgb(130,179,175)
```
#7bbab5
```
#7bbab5 rgb(123,186,181)
```
#73c2bb
```
#73c2bb rgb(115,194,187)
```
#6bcac2
```
#6bcac2 rgb(107,202,194)
```
#63d2c8
```
#63d2c8 rgb(99,210,200)
```
#5cd9cf
```
#5cd9cf rgb(92,217,207)
```
#54e1d5
```
#54e1d5 rgb(84,225,213)
```
#4ce9db
```
#4ce9db rgb(76,233,219)
```
#45f0e2
```
#45f0e2 rgb(69,240,226)
```
#3df8e8
```
#3df8e8 rgb(61,248,232)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a2bebb Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2cdcc Protanopia 1% of men
#d9c9e0 Deuteranopia 1% of men
#6adeef Tritanopia 0.001% of the population

Trichromacy

#a4d4cf Protanomaly 1% of men, 0.01% of women
#a9d2dc Deuteranomaly 6% of men, 0.4% of women
#62dfe5 Tritanomaly 0.01% of the population