#54dedd Color Information
In a RGB color space, hex #54dedd is composed of 32.9% red, 87.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 0% magenta, 0.5% yellow and 12.9% black. It has a hue angle of 179.6 degrees, a saturation of 67.6% and a lightness of 60%. #54dedd color hex could be obtained by blending #a8ffff with #00bdbb. Closest websafe color is: #66cccc.
-
- R 33
- G 87
- B 87
-
- C 62
- M 0
- Y 0
- K 13
● #54dedd color description : Soft cyan.
#54dedd Color Conversion
The hexadecimal color #54dedd has RGB values of R:84, G:222, B:221 and CMYK values of C:0.62, M:0, Y:0, K:0.13. Its decimal value is 5562077.
| Hex triplet | 54dedd | #54dedd |
|---|---|---|
| RGB Decimal | 84, 222, 221 | rgb(84,222,221) |
| RGB Percent | 32.9, 87.1, 86.7 | rgb(32.9%,87.1%,86.7%) |
| CMYK | 62, 0, 0, 13 | |
| HSL | 179.6°, 67.6, 60 | hsl(179.6,67.6%,60%) |
| HSV (or HSB) | 179.6°, 62.2, 87.1 | |
| Web Safe | 66cccc | #66cccc |
| CIE-LAB | 81.48, -36.86, -10.578 |
|---|---|
| XYZ | 42.825, 59.344, 77.6 |
| xyY | 0.238, 0.33, 59.344 |
| CIE-LCH | 81.48, 38.348, 196.013 |
| CIE-LUV | 81.48, -53.918, -10.797 |
| Hunter-Lab | 77.035, -35.582, -5.8 |
| Binary | 01010100, 11011110, 11011101 |
Color Schemes with #54dedd
Alternatives to #54dedd
Below, you can see some colors close to #54dedd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54dedd Preview
This text has a font color of #54dedd.
<span style="color:#54dedd;">Text here</span>
This paragraph has a background color of #54dedd.
<p style="background-color:#54dedd;">Content here</p>
This element has a border color of #54dedd.
<div style="border:1px solid #54dedd;">Content here</div>
.text {color:#54dedd;}
.background {background-color:#54dedd;}
.border {border:1px solid #54dedd;}
Shades and Tints of #54dedd
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, #020a0a is the darkest color, while #f8fefe is the lightest one.
-
#020a0a
#020a0argb(2,10,10) -
#051a1a
#051a1argb(5,26,26) -
#082b2b
#082b2brgb(8,43,43) -
#0b3b3b
#0b3b3brgb(11,59,59) -
#0f4c4b
#0f4c4brgb(15,76,75) -
#125c5c
#125c5crgb(18,92,92) -
#156d6c
#156d6crgb(21,109,108) -
#187d7c
#187d7crgb(24,125,124) -
#1b8d8d
#1b8d8drgb(27,141,141) -
#1e9e9d
#1e9e9drgb(30,158,157) -
#22aead
#22aeadrgb(34,174,173) -
#25bfbe
#25bfbergb(37,191,190) -
#28cfce
#28cfcergb(40,207,206)
-
#33d8d6
#33d8d6rgb(51,216,214) -
#44dbda
#44dbdargb(68,219,218) -
#54dedd
#54deddrgb(84,222,221) -
#64e1e0
#64e1e0rgb(100,225,224) -
#75e4e4
#75e4e4rgb(117,228,228) -
#85e8e7
#85e8e7rgb(133,232,231) -
#96ebea
#96ebeargb(150,235,234) -
#a6eeed
#a6eeedrgb(166,238,237) -
#b7f1f1
#b7f1f1rgb(183,241,241) -
#c7f4f4
#c7f4f4rgb(199,244,244) -
#d8f7f7
#d8f7f7rgb(216,247,247) -
#e8fbfa
#e8fbfargb(232,251,250) -
#f8fefe
#f8fefergb(248,254,254)
Tones of #54dedd
A tone is produced by adding gray to any pure hue. In this case, #939f9f is the less saturated color, while #35fdfc is the most saturated one.
-
#939f9f
#939f9frgb(147,159,159) -
#8ba7a7
#8ba7a7rgb(139,167,167) -
#83afaf
#83afafrgb(131,175,175) -
#7bb7b6
#7bb7b6rgb(123,183,182) -
#73bfbe
#73bfbergb(115,191,190) -
#6cc6c6
#6cc6c6rgb(108,198,198) -
#64cece
#64cecergb(100,206,206) -
#5cd6d5
#5cd6d5rgb(92,214,213) -
#54dedd
#54deddrgb(84,222,221) -
#4ce6e5
#4ce6e5rgb(76,230,229) -
#44eeec
#44eeecrgb(68,238,236) -
#3cf6f4
#3cf6f4rgb(60,246,244) -
#35fdfc
#35fdfcrgb(53,253,252)
Color Blindness Simulator
Below, you can see how #54dedd 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.
