#54ffff Color Information
In a RGB color space, hex #54ffff is composed of 32.9% red, 100% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 0% magenta, 0% yellow and 0% black. It has a hue angle of 180 degrees, a saturation of 100% and a lightness of 66.5%. #54ffff color hex could be obtained by blending #a8ffff with #00ffff. Closest websafe color is: #66ffff.
-
- R 33
- G 100
- B 100
-
- C 67
- M 0
- Y 0
- K 0
● #54ffff color description : Light cyan.
#54ffff Color Conversion
The hexadecimal color #54ffff has RGB values of R:84, G:255, B:255 and CMYK values of C:0.67, M:0, Y:0, K:0. Its decimal value is 5570559.
Hex triplet | 54ffff | #54ffff |
---|---|---|
RGB Decimal | 84, 255, 255 | rgb(84,255,255) |
RGB Percent | 32.9, 100, 100 | rgb(32.9%,100%,100%) |
CMYK | 67, 0, 0, 0 | |
HSL | 180°, 100, 66.5 | hsl(180,100%,66.5%) |
HSV (or HSB) | 180°, 67.1, 100 | |
Web Safe | 66ffff | #66ffff |
CIE-LAB | 91.962, -42.575, -12.782 |
---|---|
XYZ | 57.461, 80.62, 107.135 |
xyY | 0.234, 0.329, 80.62 |
CIE-LCH | 91.962, 44.452, 196.712 |
CIE-LUV | 91.962, -63.502, -13.713 |
Hunter-Lab | 89.788, -42.898, -7.893 |
Binary | 01010100, 11111111, 11111111 |
Color Schemes with #54ffff
Alternatives to #54ffff
Below, you can see some colors close to #54ffff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54ffff Preview
This text has a font color of #54ffff.
<span style="color:#54ffff;">Text here</span>
This paragraph has a background color of #54ffff.
<p style="background-color:#54ffff;">Content here</p>
This element has a border color of #54ffff.
<div style="border:1px solid #54ffff;">Content here</div>
.text {color:#54ffff;}
.background {background-color:#54ffff;}
.border {border:1px solid #54ffff;}
Shades and Tints of #54ffff
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, #000606 is the darkest color, while #f1ffff is the lightest one.
-
#000606
#000606
rgb(0,6,6)
-
#001919
#001919
rgb(0,25,25)
-
#002d2d
#002d2d
rgb(0,45,45)
-
#004040
#004040
rgb(0,64,64)
-
#005454
#005454
rgb(0,84,84)
-
#006868
#006868
rgb(0,104,104)
-
#007b7b
#007b7b
rgb(0,123,123)
-
#008f8f
#008f8f
rgb(0,143,143)
-
#00a2a2
#00a2a2
rgb(0,162,162)
-
#00b6b6
#00b6b6
rgb(0,182,182)
-
#00caca
#00caca
rgb(0,202,202)
-
#00dddd
#00dddd
rgb(0,221,221)
-
#00f1f1
#00f1f1
rgb(0,241,241)
-
#06ffff
#06ffff
rgb(6,255,255)
-
#19ffff
#19ffff
rgb(25,255,255)
-
#2dffff
#2dffff
rgb(45,255,255)
-
#40ffff
#40ffff
rgb(64,255,255)
-
#54ffff
#54ffff
rgb(84,255,255)
-
#68ffff
#68ffff
rgb(104,255,255)
-
#7bffff
#7bffff
rgb(123,255,255)
-
#8fffff
#8fffff
rgb(143,255,255)
-
#a2ffff
#a2ffff
rgb(162,255,255)
-
#b6ffff
#b6ffff
rgb(182,255,255)
-
#caffff
#caffff
rgb(202,255,255)
-
#ddffff
#ddffff
rgb(221,255,255)
-
#f1ffff
#f1ffff
rgb(241,255,255)
Tones of #54ffff
A tone is produced by adding gray to any pure hue. In this case, #a3b0b0 is the less saturated color, while #54ffff is the most saturated one.
-
#a3b0b0
#a3b0b0
rgb(163,176,176)
-
#9cb7b7
#9cb7b7
rgb(156,183,183)
-
#96bdbd
#96bdbd
rgb(150,189,189)
-
#8fc4c4
#8fc4c4
rgb(143,196,196)
-
#89caca
#89caca
rgb(137,202,202)
-
#82d1d1
#82d1d1
rgb(130,209,209)
-
#7bd8d8
#7bd8d8
rgb(123,216,216)
-
#75dede
#75dede
rgb(117,222,222)
-
#6ee5e5
#6ee5e5
rgb(110,229,229)
-
#68ebeb
#68ebeb
rgb(104,235,235)
-
#61f2f2
#61f2f2
rgb(97,242,242)
-
#5bf8f8
#5bf8f8
rgb(91,248,248)
-
#54ffff
#54ffff
rgb(84,255,255)
Color Blindness Simulator
Below, you can see how #54ffff 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.