#54dce4 Color Information
In a RGB color space, hex #54dce4 is composed of 32.9% red, 86.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 3.5% magenta, 0% yellow and 10.6% black. It has a hue angle of 183.3 degrees, a saturation of 72.7% and a lightness of 61.2%. #54dce4 color hex could be obtained by blending #a8ffff with #00b9c9. Closest websafe color is: #66cccc.
-
- R 33
- G 86
- B 89
-
- C 63
- M 4
- Y 0
- K 11
● #54dce4 color description : Soft cyan.
#54dce4 Color Conversion
The hexadecimal color #54dce4 has RGB values of R:84, G:220, B:228 and CMYK values of C:0.63, M:0.04, Y:0, K:0.11. Its decimal value is 5561572.
Hex triplet | 54dce4 | #54dce4 |
---|---|---|
RGB Decimal | 84, 220, 228 | rgb(84,220,228) |
RGB Percent | 32.9, 86.3, 89.4 | rgb(32.9%,86.3%,89.4%) |
CMYK | 63, 4, 0, 11 | |
HSL | 183.3°, 72.7, 61.2 | hsl(183.3,72.7%,61.2%) |
HSV (or HSB) | 183.3°, 63.2, 89.4 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 81.109, -33.999, -14.857 |
---|---|
XYZ | 43.249, 58.669, 82.44 |
xyY | 0.235, 0.318, 58.669 |
CIE-LCH | 81.109, 37.103, 203.605 |
CIE-LUV | 81.109, -52.781, -18.208 |
Hunter-Lab | 76.596, -33.255, -10.196 |
Binary | 01010100, 11011100, 11100100 |
Color Schemes with #54dce4
Alternatives to #54dce4
Below, you can see some colors close to #54dce4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54dce4 Preview
This text has a font color of #54dce4.
<span style="color:#54dce4;">Text here</span>
This paragraph has a background color of #54dce4.
<p style="background-color:#54dce4;">Content here</p>
This element has a border color of #54dce4.
<div style="border:1px solid #54dce4;">Content here</div>
.text {color:#54dce4;}
.background {background-color:#54dce4;}
.border {border:1px solid #54dce4;}
Shades and Tints of #54dce4
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, #020f0f is the darkest color, while #fdffff is the lightest one.
-
#020f0f
#020f0f
rgb(2,15,15)
-
#051f20
#051f20
rgb(5,31,32)
-
#082f31
#082f31
rgb(8,47,49)
-
#0a3f42
#0a3f42
rgb(10,63,66)
-
#0d4f53
#0d4f53
rgb(13,79,83)
-
#105f64
#105f64
rgb(16,95,100)
-
#127075
#127075
rgb(18,112,117)
-
#158086
#158086
rgb(21,128,134)
-
#189097
#189097
rgb(24,144,151)
-
#1aa0a8
#1aa0a8
rgb(26,160,168)
-
#1db0b9
#1db0b9
rgb(29,176,185)
-
#20c0ca
#20c0ca
rgb(32,192,202)
-
#23d0db
#23d0db
rgb(35,208,219)
-
#32d5df
#32d5df
rgb(50,213,223)
-
#43d9e1
#43d9e1
rgb(67,217,225)
-
#54dce4
#54dce4
rgb(84,220,228)
-
#65dfe7
#65dfe7
rgb(101,223,231)
-
#76e3e9
#76e3e9
rgb(118,227,233)
-
#87e6ec
#87e6ec
rgb(135,230,236)
-
#98eaef
#98eaef
rgb(152,234,239)
-
#a9edf1
#a9edf1
rgb(169,237,241)
-
#baf1f4
#baf1f4
rgb(186,241,244)
-
#cbf4f7
#cbf4f7
rgb(203,244,247)
-
#dcf8f9
#dcf8f9
rgb(220,248,249)
-
#ecfbfc
#ecfbfc
rgb(236,251,252)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #54dce4
A tone is produced by adding gray to any pure hue. In this case, #999f9f is the less saturated color, while #3df0fb is the most saturated one.
-
#999f9f
#999f9f
rgb(153,159,159)
-
#91a6a7
#91a6a7
rgb(145,166,167)
-
#89adaf
#89adaf
rgb(137,173,175)
-
#82b3b6
#82b3b6
rgb(130,179,182)
-
#7ababe
#7ababe
rgb(122,186,190)
-
#72c1c6
#72c1c6
rgb(114,193,198)
-
#6bc8cd
#6bc8cd
rgb(107,200,205)
-
#63ced5
#63ced5
rgb(99,206,213)
-
#5cd5dc
#5cd5dc
rgb(92,213,220)
-
#54dce4
#54dce4
rgb(84,220,228)
-
#4ce3ec
#4ce3ec
rgb(76,227,236)
-
#45eaf3
#45eaf3
rgb(69,234,243)
-
#3df0fb
#3df0fb
rgb(61,240,251)
Color Blindness Simulator
Below, you can see how #54dce4 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.