#54c6de Color Information
In a RGB color space, hex #54c6de is composed of 32.9% red, 77.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 10.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 190.4 degrees, a saturation of 67.6% and a lightness of 60%. #54c6de color hex could be obtained by blending #a8ffff with #008dbd. Closest websafe color is: #66cccc.
-
- R 33
- G 78
- B 87
-
- C 62
- M 11
- Y 0
- K 13
● #54c6de color description : Soft cyan.
#54c6de Color Conversion
The hexadecimal color #54c6de has RGB values of R:84, G:198, B:222 and CMYK values of C:0.62, M:0.11, Y:0, K:0.13. Its decimal value is 5555934.
Hex triplet | 54c6de | #54c6de |
---|---|---|
RGB Decimal | 84, 198, 222 | rgb(84,198,222) |
RGB Percent | 32.9, 77.6, 87.1 | rgb(32.9%,77.6%,87.1%) |
CMYK | 62, 11, 0, 13 | |
HSL | 190.4°, 67.6, 60 | hsl(190.4,67.6%,60%) |
HSV (or HSB) | 190.4°, 62.2, 87.1 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 74.536, -25.057, -21.569 |
---|---|
XYZ | 37.031, 47.544, 76.329 |
xyY | 0.23, 0.295, 47.544 |
CIE-LCH | 74.536, 33.062, 220.722 |
CIE-LUV | 74.536, -45.119, -30.368 |
Hunter-Lab | 68.952, -24.801, -17.366 |
Binary | 01010100, 11000110, 11011110 |
Color Schemes with #54c6de
Alternatives to #54c6de
Below, you can see some colors close to #54c6de. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54c6de Preview
This text has a font color of #54c6de.
<span style="color:#54c6de;">Text here</span>
This paragraph has a background color of #54c6de.
<p style="background-color:#54c6de;">Content here</p>
This element has a border color of #54c6de.
<div style="border:1px solid #54c6de;">Content here</div>
.text {color:#54c6de;}
.background {background-color:#54c6de;}
.border {border:1px solid #54c6de;}
Shades and Tints of #54c6de
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 #f8fdfe is the lightest one.
-
#02080a
#02080a
rgb(2,8,10)
-
#05171a
#05171a
rgb(5,23,26)
-
#08252b
#08252b
rgb(8,37,43)
-
#0b333b
#0b333b
rgb(11,51,59)
-
#0f414c
#0f414c
rgb(15,65,76)
-
#124f5c
#124f5c
rgb(18,79,92)
-
#155d6d
#155d6d
rgb(21,93,109)
-
#186b7d
#186b7d
rgb(24,107,125)
-
#1b7a8d
#1b7a8d
rgb(27,122,141)
-
#1e889e
#1e889e
rgb(30,136,158)
-
#2296ae
#2296ae
rgb(34,150,174)
-
#25a4bf
#25a4bf
rgb(37,164,191)
-
#28b2cf
#28b2cf
rgb(40,178,207)
-
#33bbd8
#33bbd8
rgb(51,187,216)
-
#44c1db
#44c1db
rgb(68,193,219)
-
#54c6de
#54c6de
rgb(84,198,222)
-
#64cbe1
#64cbe1
rgb(100,203,225)
-
#75d1e4
#75d1e4
rgb(117,209,228)
-
#85d6e8
#85d6e8
rgb(133,214,232)
-
#96dceb
#96dceb
rgb(150,220,235)
-
#a6e1ee
#a6e1ee
rgb(166,225,238)
-
#b7e7f1
#b7e7f1
rgb(183,231,241)
-
#c7ecf4
#c7ecf4
rgb(199,236,244)
-
#d8f2f7
#d8f2f7
rgb(216,242,247)
-
#e8f7fb
#e8f7fb
rgb(232,247,251)
-
#f8fdfe
#f8fdfe
rgb(248,253,254)
Tones of #54c6de
A tone is produced by adding gray to any pure hue. In this case, #939d9f is the less saturated color, while #35dafd is the most saturated one.
-
#939d9f
#939d9f
rgb(147,157,159)
-
#8ba2a7
#8ba2a7
rgb(139,162,167)
-
#83a7af
#83a7af
rgb(131,167,175)
-
#7bacb7
#7bacb7
rgb(123,172,183)
-
#73b2bf
#73b2bf
rgb(115,178,191)
-
#6cb7c6
#6cb7c6
rgb(108,183,198)
-
#64bcce
#64bcce
rgb(100,188,206)
-
#5cc1d6
#5cc1d6
rgb(92,193,214)
-
#54c6de
#54c6de
rgb(84,198,222)
-
#4ccbe6
#4ccbe6
rgb(76,203,230)
-
#44d0ee
#44d0ee
rgb(68,208,238)
-
#3cd5f6
#3cd5f6
rgb(60,213,246)
-
#35dafd
#35dafd
rgb(53,218,253)
Color Blindness Simulator
Below, you can see how #54c6de 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.