#54dafd Color Information
In a RGB color space, hex #54dafd is composed of 32.9% red, 85.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 13.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 192.4 degrees, a saturation of 97.7% and a lightness of 66.1%. #54dafd color hex could be obtained by blending #a8ffff with #00b5fb. Closest websafe color is: #66ccff.
-
- R 33
- G 85
- B 99
-
- C 67
- M 14
- Y 0
- K 1
● #54dafd color description : Soft cyan.
#54dafd Color Conversion
The hexadecimal color #54dafd has RGB values of R:84, G:218, B:253 and CMYK values of C:0.67, M:0.14, Y:0, K:0.01. Its decimal value is 5561085.
Hex triplet | 54dafd | #54dafd |
---|---|---|
RGB Decimal | 84, 218, 253 | rgb(84,218,253) |
RGB Percent | 32.9, 85.5, 99.2 | rgb(32.9%,85.5%,99.2%) |
CMYK | 67, 14, 0, 1 | |
HSL | 192.4°, 97.7, 66.1 | hsl(192.4,97.7%,66.1%) |
HSV (or HSB) | 192.4°, 66.8, 99.2 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 81.355, -25.788, -27.767 |
---|---|
XYZ | 46.452, 59.116, 101.885 |
xyY | 0.224, 0.285, 59.116 |
CIE-LCH | 81.355, 37.895, 227.116 |
CIE-LUV | 81.355, -50.611, -41.11 |
Hunter-Lab | 76.887, -26.708, -24.747 |
Binary | 01010100, 11011010, 11111101 |
Color Schemes with #54dafd
Alternatives to #54dafd
Below, you can see some colors close to #54dafd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54dafd Preview
This text has a font color of #54dafd.
<span style="color:#54dafd;">Text here</span>
This paragraph has a background color of #54dafd.
<p style="background-color:#54dafd;">Content here</p>
This element has a border color of #54dafd.
<div style="border:1px solid #54dafd;">Content here</div>
.text {color:#54dafd;}
.background {background-color:#54dafd;}
.border {border:1px solid #54dafd;}
Shades and Tints of #54dafd
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, #000303 is the darkest color, while #effcff is the lightest one.
-
#000303
#000303
rgb(0,3,3)
-
#001217
#001217
rgb(0,18,23)
-
#00222a
#00222a
rgb(0,34,42)
-
#01313e
#01313e
rgb(1,49,62)
-
#014051
#014051
rgb(1,64,81)
-
#015064
#015064
rgb(1,80,100)
-
#015f78
#015f78
rgb(1,95,120)
-
#026f8b
#026f8b
rgb(2,111,139)
-
#027e9f
#027e9f
rgb(2,126,159)
-
#028eb2
#028eb2
rgb(2,142,178)
-
#029dc5
#029dc5
rgb(2,157,197)
-
#03acd9
#03acd9
rgb(3,172,217)
-
#03bcec
#03bcec
rgb(3,188,236)
-
#06c9fc
#06c9fc
rgb(6,201,252)
-
#1acdfc
#1acdfc
rgb(26,205,252)
-
#2dd2fd
#2dd2fd
rgb(45,210,253)
-
#41d6fd
#41d6fd
rgb(65,214,253)
-
#54dafd
#54dafd
rgb(84,218,253)
-
#67defd
#67defd
rgb(103,222,253)
-
#7be2fd
#7be2fd
rgb(123,226,253)
-
#8ee7fe
#8ee7fe
rgb(142,231,254)
-
#a2ebfe
#a2ebfe
rgb(162,235,254)
-
#b5effe
#b5effe
rgb(181,239,254)
-
#c8f3fe
#c8f3fe
rgb(200,243,254)
-
#dcf7ff
#dcf7ff
rgb(220,247,255)
-
#effcff
#effcff
rgb(239,252,255)
Tones of #54dafd
A tone is produced by adding gray to any pure hue. In this case, #a4abad is the less saturated color, while #54dafd is the most saturated one.
-
#a4abad
#a4abad
rgb(164,171,173)
-
#9dafb4
#9dafb4
rgb(157,175,180)
-
#97b3ba
#97b3ba
rgb(151,179,186)
-
#90b7c1
#90b7c1
rgb(144,183,193)
-
#89bbc8
#89bbc8
rgb(137,187,200)
-
#83bfce
#83bfce
rgb(131,191,206)
-
#7cc3d5
#7cc3d5
rgb(124,195,213)
-
#75c7dc
#75c7dc
rgb(117,199,220)
-
#6fcae2
#6fcae2
rgb(111,202,226)
-
#68cee9
#68cee9
rgb(104,206,233)
-
#61d2f0
#61d2f0
rgb(97,210,240)
-
#5bd6f6
#5bd6f6
rgb(91,214,246)
-
#54dafd
#54dafd
rgb(84,218,253)
Color Blindness Simulator
Below, you can see how #54dafd 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.