#54e0ca hex color

In a RGB color space, hex #54e0ca is composed of 32.9% red, 87.8% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 0% magenta, 9.8% yellow and 12.2% black. It has a hue angle of 170.6 degrees, a saturation of 69.3% and a lightness of 60.4%. #54e0ca color hex could be obtained by blending #a8ffff with #00c195. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 33
- G 88
- B 79
RGB color chart
- C 63
- M 0
- Y 10
- K 12
CMYK color chart

● #54e0ca color description : Soft cyan.

The hexadecimal color #54e0ca has RGB values of R:84, G:224, B:202 and CMYK values of C:0.63, M:0, Y:0.1, K:0.12. Its decimal value is 5562570.

Hex triplet	54e0ca	`#54e0ca`
RGB Decimal	84, 224, 202	`rgb(84,224,202)`
RGB Percent	32.9, 87.8, 79.2	`rgb(32.9%,87.8%,79.2%)`
CMYK	63, 0, 10, 12
HSL	170.6°, 69.3, 60.4	`hsl(170.6,69.3%,60.4%)`
HSV (or HSB)	170.6°, 62.5, 87.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.542, -42.744, -0.391
XYZ	40.969, 59.457, 65.191
xyY	0.247, 0.359, 59.457
CIE-LCH	81.542, 42.746, 180.524
CIE-LUV	81.542, -55.77, 6.241
Hunter-Lab	77.108, -40.099, 3.849
Binary	01010100, 11100000, 11001010

#54e0ca
```
#54e0ca rgb(84,224,202)
```
#e0546a
```
#e0546a rgb(224,84,106)
```

Complementary Color

#54e084
```
#54e084 rgb(84,224,132)
```
#54e0ca
```
#54e0ca rgb(84,224,202)
```
#54b0e0
```
#54b0e0 rgb(84,176,224)
```

Analogous Color

#e08454
```
#e08454 rgb(224,132,84)
```
#54e0ca
```
#54e0ca rgb(84,224,202)
```
#e054b0
```
#e054b0 rgb(224,84,176)
```

Split Complementary Color

#e0ca54
```
#e0ca54 rgb(224,202,84)
```
#54e0ca
```
#54e0ca rgb(84,224,202)
```
#ca54e0
```
#ca54e0 rgb(202,84,224)
```

Triadic Color

#6ae054
```
#6ae054 rgb(106,224,84)
```
#54e0ca
```
#54e0ca rgb(84,224,202)
```
#ca54e0
```
#ca54e0 rgb(202,84,224)
```
#e0546a
```
#e0546a rgb(224,84,106)
```

Tetradic Color

#24c4ab
```
#24c4ab rgb(36,196,171)
```
#29d8bd
```
#29d8bd rgb(41,216,189)
```
#3edcc3
```
#3edcc3 rgb(62,220,195)
```
#54e0ca
```
#54e0ca rgb(84,224,202)
```
#6ae4d1
```
#6ae4d1 rgb(106,228,209)
```
#7fe8d7
```
#7fe8d7 rgb(127,232,215)
```
#95ecde
```
#95ecde rgb(149,236,222)
```

Monochromatic Color

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

#54e0a7
```
#54e0a7 rgb(84,224,167)
```
#54e0b3
```
#54e0b3 rgb(84,224,179)
```
#54e0be
```
#54e0be rgb(84,224,190)
```
#54e0ca
```
#54e0ca rgb(84,224,202)
```
#54e0d6
```
#54e0d6 rgb(84,224,214)
```
#54dfe0
```
#54dfe0 rgb(84,223,224)
```
#54d3e0
```
#54d3e0 rgb(84,211,224)
```

Similar Colors

Text with hexadecimal color #54e0ca

This text has a font color of #54e0ca.

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

#54e0ca background color

This paragraph has a background color of #54e0ca.

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

#54e0ca border color

This element has a border color of #54e0ca.

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

CSS codes

.text {color:#54e0ca;}

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

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

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

#020c0a
```
#020c0a rgb(2,12,10)
```
#051c19
```
#051c19 rgb(5,28,25)
```
#082d27
```
#082d27 rgb(8,45,39)
```
#0b3d36
```
#0b3d36 rgb(11,61,54)
```
#0e4e44
```
#0e4e44 rgb(14,78,68)
```
#115f53
```
#115f53 rgb(17,95,83)
```
#146f61
```
#146f61 rgb(20,111,97)
```
#17806f
```
#17806f rgb(23,128,111)
```
#1a907e
```
#1a907e rgb(26,144,126)
```
#1da18c
```
#1da18c rgb(29,161,140)
```
#20b29b
```
#20b29b rgb(32,178,155)
```
#23c2a9
```
#23c2a9 rgb(35,194,169)
```
#26d3b8
```
#26d3b8 rgb(38,211,184)
```

Shade Color Variation

#33dac0
```
#33dac0 rgb(51,218,192)
```
#43ddc5
```
#43ddc5 rgb(67,221,197)
```
#54e0ca
```
#54e0ca rgb(84,224,202)
```
#65e3cf
```
#65e3cf rgb(101,227,207)
```
#75e6d4
```
#75e6d4 rgb(117,230,212)
```
#86e9d9
```
#86e9d9 rgb(134,233,217)
```
#96ecdf
```
#96ecdf rgb(150,236,223)
```
#a7efe4
```
#a7efe4 rgb(167,239,228)
```
#b8f2e9
```
#b8f2e9 rgb(184,242,233)
```
#c8f5ee
```
#c8f5ee rgb(200,245,238)
```
#d9f8f3
```
#d9f8f3 rgb(217,248,243)
```
#e9fbf8
```
#e9fbf8 rgb(233,251,248)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

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

#9a9a9a
```
#9a9a9a rgb(154,154,154)
```
#92a29f
```
#92a29f rgb(146,162,159)
```
#8aaaa5
```
#8aaaa5 rgb(138,170,165)
```
#83b1aa
```
#83b1aa rgb(131,177,170)
```
#7bb9af
```
#7bb9af rgb(123,185,175)
```
#73c1b5
```
#73c1b5 rgb(115,193,181)
```
#6bc9ba
```
#6bc9ba rgb(107,201,186)
```
#64d0bf
```
#64d0bf rgb(100,208,191)
```
#5cd8c5
```
#5cd8c5 rgb(92,216,197)
```
#54e0ca
```
#54e0ca rgb(84,224,202)
```
#4ce8cf
```
#4ce8cf rgb(76,232,207)
```
#44f0d5
```
#44f0d5 rgb(68,240,213)
```
#3df7da
```
#3df7da rgb(61,247,218)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#a1bdb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3ccc1 Protanopia 1% of men
#dcc7d5 Deuteranopia 1% of men
#6ddcec Tritanopia 0.001% of the population

Trichromacy

#a5d3c4 Protanomaly 1% of men, 0.01% of women
#aad0d1 Deuteranomaly 6% of men, 0.4% of women
#64dde0 Tritanomaly 0.01% of the population

#54e0ca hex color

#54e0ca Color Information

#54e0ca Color Conversion

Color Schemes with #54e0ca

Alternatives to #54e0ca

#54e0ca Preview

Shades and Tints of #54e0ca

Tones of #54e0ca

Color Blindness Simulator