#54bdde Color Information
In a RGB color space, hex #54bdde is composed of 32.9% red, 74.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 14.9% magenta, 0% yellow and 12.9% black. It has a hue angle of 194.3 degrees, a saturation of 67.6% and a lightness of 60%. #54bdde color hex could be obtained by blending #a8ffff with #007bbd. Closest websafe color is: #66cccc.
-
- R 33
- G 74
- B 87
-
- C 62
- M 15
- Y 0
- K 13
● #54bdde color description : Soft cyan.
#54bdde Color Conversion
The hexadecimal color #54bdde has RGB values of R:84, G:189, B:222 and CMYK values of C:0.62, M:0.15, Y:0, K:0.13. Its decimal value is 5553630.
Hex triplet | 54bdde | #54bdde |
---|---|---|
RGB Decimal | 84, 189, 222 | rgb(84,189,222) |
RGB Percent | 32.9, 74.1, 87.1 | rgb(32.9%,74.1%,87.1%) |
CMYK | 62, 15, 0, 13 | |
HSL | 194.3°, 67.6, 60 | hsl(194.3,67.6%,60%) |
HSV (or HSB) | 194.3°, 62.2, 87.1 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 71.928, -20.496, -25.55 |
---|---|
XYZ | 35.035, 43.551, 75.663 |
xyY | 0.227, 0.282, 43.551 |
CIE-LCH | 71.928, 32.755, 231.263 |
CIE-LUV | 71.928, -41.825, -37.496 |
Hunter-Lab | 65.993, -20.725, -21.782 |
Binary | 01010100, 10111101, 11011110 |
Color Schemes with #54bdde
Alternatives to #54bdde
Below, you can see some colors close to #54bdde. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54bdde Preview
This text has a font color of #54bdde.
<span style="color:#54bdde;">Text here</span>
This paragraph has a background color of #54bdde.
<p style="background-color:#54bdde;">Content here</p>
This element has a border color of #54bdde.
<div style="border:1px solid #54bdde;">Content here</div>
.text {color:#54bdde;}
.background {background-color:#54bdde;}
.border {border:1px solid #54bdde;}
Shades and Tints of #54bdde
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, #02080a is the darkest color, while #f8fcfe is the lightest one.
-
#02080a
#02080a
rgb(2,8,10)
-
#05151a
#05151a
rgb(5,21,26)
-
#08232b
#08232b
rgb(8,35,43)
-
#0b303b
#0b303b
rgb(11,48,59)
-
#0f3d4c
#0f3d4c
rgb(15,61,76)
-
#124a5c
#124a5c
rgb(18,74,92)
-
#15586d
#15586d
rgb(21,88,109)
-
#18657d
#18657d
rgb(24,101,125)
-
#1b728d
#1b728d
rgb(27,114,141)
-
#1e7f9e
#1e7f9e
rgb(30,127,158)
-
#228dae
#228dae
rgb(34,141,174)
-
#259abf
#259abf
rgb(37,154,191)
-
#28a7cf
#28a7cf
rgb(40,167,207)
-
#33b0d8
#33b0d8
rgb(51,176,216)
-
#44b7db
#44b7db
rgb(68,183,219)
-
#54bdde
#54bdde
rgb(84,189,222)
-
#64c3e1
#64c3e1
rgb(100,195,225)
-
#75cae4
#75cae4
rgb(117,202,228)
-
#85d0e8
#85d0e8
rgb(133,208,232)
-
#96d6eb
#96d6eb
rgb(150,214,235)
-
#a6ddee
#a6ddee
rgb(166,221,238)
-
#b7e3f1
#b7e3f1
rgb(183,227,241)
-
#c7e9f4
#c7e9f4
rgb(199,233,244)
-
#d8f0f7
#d8f0f7
rgb(216,240,247)
-
#e8f6fb
#e8f6fb
rgb(232,246,251)
-
#f8fcfe
#f8fcfe
rgb(248,252,254)
Tones of #54bdde
A tone is produced by adding gray to any pure hue. In this case, #939c9f is the less saturated color, while #35cdfd is the most saturated one.
-
#939c9f
#939c9f
rgb(147,156,159)
-
#8ba0a7
#8ba0a7
rgb(139,160,167)
-
#83a4af
#83a4af
rgb(131,164,175)
-
#7ba9b7
#7ba9b7
rgb(123,169,183)
-
#73adbf
#73adbf
rgb(115,173,191)
-
#6cb1c6
#6cb1c6
rgb(108,177,198)
-
#64b5ce
#64b5ce
rgb(100,181,206)
-
#5cb9d6
#5cb9d6
rgb(92,185,214)
-
#54bdde
#54bdde
rgb(84,189,222)
-
#4cc1e6
#4cc1e6
rgb(76,193,230)
-
#44c5ee
#44c5ee
rgb(68,197,238)
-
#3cc9f6
#3cc9f6
rgb(60,201,246)
-
#35cdfd
#35cdfd
rgb(53,205,253)
Color Blindness Simulator
Below, you can see how #54bdde 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.