#54e5f0 Color Information
In a RGB color space, hex #54e5f0 is composed of 32.9% red, 89.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 4.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 184.2 degrees, a saturation of 83.9% and a lightness of 63.5%. #54e5f0 color hex could be obtained by blending #a8ffff with #00cbe1. Closest websafe color is: #66ccff.
-
- R 33
- G 90
- B 94
-
- C 65
- M 5
- Y 0
- K 6
● #54e5f0 color description : Soft cyan.
#54e5f0 Color Conversion
The hexadecimal color #54e5f0 has RGB values of R:84, G:229, B:240 and CMYK values of C:0.65, M:0.05, Y:0, K:0.06. Its decimal value is 5563888.
Hex triplet | 54e5f0 | #54e5f0 |
---|---|---|
RGB Decimal | 84, 229, 240 | rgb(84,229,240) |
RGB Percent | 32.9, 89.8, 94.1 | rgb(32.9%,89.8%,94.1%) |
CMYK | 65, 5, 0, 6 | |
HSL | 184.2°, 83.9, 63.5 | hsl(184.2,83.9%,63.5%) |
HSV (or HSB) | 184.2°, 65, 94.1 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 84.075, -34.856, -16.759 |
---|---|
XYZ | 47.399, 64.211, 92.329 |
xyY | 0.232, 0.315, 64.211 |
CIE-LCH | 84.075, 38.675, 205.679 |
CIE-LUV | 84.075, -55.289, -21.315 |
Hunter-Lab | 80.132, -34.645, -12.223 |
Binary | 01010100, 11100101, 11110000 |
Color Schemes with #54e5f0
Alternatives to #54e5f0
Below, you can see some colors close to #54e5f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54e5f0 Preview
This text has a font color of #54e5f0.
<span style="color:#54e5f0;">Text here</span>
This paragraph has a background color of #54e5f0.
<p style="background-color:#54e5f0;">Content here</p>
This element has a border color of #54e5f0.
<div style="border:1px solid #54e5f0;">Content here</div>
.text {color:#54e5f0;}
.background {background-color:#54e5f0;}
.border {border:1px solid #54e5f0;}
Shades and Tints of #54e5f0
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, #010909 is the darkest color, while #f6fefe is the lightest one.
-
#010909
#010909
rgb(1,9,9)
-
#021a1b
#021a1b
rgb(2,26,27)
-
#042a2d
#042a2d
rgb(4,42,45)
-
#063b3f
#063b3f
rgb(6,59,63)
-
#074c51
#074c51
rgb(7,76,81)
-
#095d64
#095d64
rgb(9,93,100)
-
#0a6e76
#0a6e76
rgb(10,110,118)
-
#0c7f88
#0c7f88
rgb(12,127,136)
-
#0d909a
#0d909a
rgb(13,144,154)
-
#0fa1ac
#0fa1ac
rgb(15,161,172)
-
#11b1be
#11b1be
rgb(17,177,190)
-
#12c2d0
#12c2d0
rgb(18,194,208)
-
#14d3e2
#14d3e2
rgb(20,211,226)
-
#1eddeb
#1eddeb
rgb(30,221,235)
-
#30e0ed
#30e0ed
rgb(48,224,237)
-
#42e2ee
#42e2ee
rgb(66,226,238)
-
#54e5f0
#54e5f0
rgb(84,229,240)
-
#66e8f2
#66e8f2
rgb(102,232,242)
-
#78eaf3
#78eaf3
rgb(120,234,243)
-
#8aedf5
#8aedf5
rgb(138,237,245)
-
#9cf0f6
#9cf0f6
rgb(156,240,246)
-
#aef3f8
#aef3f8
rgb(174,243,248)
-
#c0f5f9
#c0f5f9
rgb(192,245,249)
-
#d2f8fb
#d2f8fb
rgb(210,248,251)
-
#e4fbfd
#e4fbfd
rgb(228,251,253)
-
#f6fefe
#f6fefe
rgb(246,254,254)
Tones of #54e5f0
A tone is produced by adding gray to any pure hue. In this case, #9ca8a8 is the less saturated color, while #46f1fe is the most saturated one.
-
#9ca8a8
#9ca8a8
rgb(156,168,168)
-
#94aeb0
#94aeb0
rgb(148,174,176)
-
#8db4b7
#8db4b7
rgb(141,180,183)
-
#86babe
#86babe
rgb(134,186,190)
-
#7fc0c5
#7fc0c5
rgb(127,192,197)
-
#78c6cc
#78c6cc
rgb(120,198,204)
-
#71ccd3
#71ccd3
rgb(113,204,211)
-
#69d3db
#69d3db
rgb(105,211,219)
-
#62d9e2
#62d9e2
rgb(98,217,226)
-
#5bdfe9
#5bdfe9
rgb(91,223,233)
-
#54e5f0
#54e5f0
rgb(84,229,240)
-
#4debf7
#4debf7
rgb(77,235,247)
-
#46f1fe
#46f1fe
rgb(70,241,254)
Color Blindness Simulator
Below, you can see how #54e5f0 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.