#54c5e6 Color Information
In a RGB color space, hex #54c5e6 is composed of 32.9% red, 77.3% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 14.3% magenta, 0% yellow and 9.8% black. It has a hue angle of 193.6 degrees, a saturation of 74.5% and a lightness of 61.6%. #54c5e6 color hex could be obtained by blending #a8ffff with #008bcd. Closest websafe color is: #66ccff.
-
- R 33
- G 77
- B 90
-
- C 63
- M 14
- Y 0
- K 10
● #54c5e6 color description : Soft cyan.
#54c5e6 Color Conversion
The hexadecimal color #54c5e6 has RGB values of R:84, G:197, B:230 and CMYK values of C:0.63, M:0.14, Y:0, K:0.1. Its decimal value is 5555686.
Hex triplet | 54c5e6 | #54c5e6 |
---|---|---|
RGB Decimal | 84, 197, 230 | rgb(84,197,230) |
RGB Percent | 32.9, 77.3, 90.2 | rgb(32.9%,77.3%,90.2%) |
CMYK | 63, 14, 0, 10 | |
HSL | 193.6°, 74.5, 61.6 | hsl(193.6,74.5%,61.6%) |
HSV (or HSB) | 193.6°, 63.5, 90.2 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 74.526, -22.174, -25.909 |
---|---|
XYZ | 37.902, 47.528, 82.035 |
xyY | 0.226, 0.284, 47.528 |
CIE-LCH | 74.526, 34.102, 229.442 |
CIE-LUV | 74.526, -44.339, -38.043 |
Hunter-Lab | 68.94, -22.511, -22.294 |
Binary | 01010100, 11000101, 11100110 |
Color Schemes with #54c5e6
Alternatives to #54c5e6
Below, you can see some colors close to #54c5e6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54c5e6 Preview
This text has a font color of #54c5e6.
<span style="color:#54c5e6;">Text here</span>
This paragraph has a background color of #54c5e6.
<p style="background-color:#54c5e6;">Content here</p>
This element has a border color of #54c5e6.
<div style="border:1px solid #54c5e6;">Content here</div>
.text {color:#54c5e6;}
.background {background-color:#54c5e6;}
.border {border:1px solid #54c5e6;}
Shades and Tints of #54c5e6
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, #000000 is the darkest color, while #eef9fd is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#030e11
#030e11
rgb(3,14,17)
-
#051c22
#051c22
rgb(5,28,34)
-
#082a33
#082a33
rgb(8,42,51)
-
#0a3745
#0a3745
rgb(10,55,69)
-
#0d4556
#0d4556
rgb(13,69,86)
-
#0f5367
#0f5367
rgb(15,83,103)
-
#126178
#126178
rgb(18,97,120)
-
#146f89
#146f89
rgb(20,111,137)
-
#177c9a
#177c9a
rgb(23,124,154)
-
#198aab
#198aab
rgb(25,138,171)
-
#1c98bc
#1c98bc
rgb(28,152,188)
-
#1ea6cd
#1ea6cd
rgb(30,166,205)
-
#21b4de
#21b4de
rgb(33,180,222)
-
#32b9e1
#32b9e1
rgb(50,185,225)
-
#43bfe3
#43bfe3
rgb(67,191,227)
-
#54c5e6
#54c5e6
rgb(84,197,230)
-
#65cbe9
#65cbe9
rgb(101,203,233)
-
#76d1eb
#76d1eb
rgb(118,209,235)
-
#87d6ee
#87d6ee
rgb(135,214,238)
-
#98dcf0
#98dcf0
rgb(152,220,240)
-
#aae2f3
#aae2f3
rgb(170,226,243)
-
#bbe8f5
#bbe8f5
rgb(187,232,245)
-
#cceef8
#cceef8
rgb(204,238,248)
-
#ddf3fa
#ddf3fa
rgb(221,243,250)
-
#eef9fd
#eef9fd
rgb(238,249,253)
Tones of #54c5e6
A tone is produced by adding gray to any pure hue. In this case, #98a0a2 is the less saturated color, while #3dd1fd is the most saturated one.
-
#98a0a2
#98a0a2
rgb(152,160,162)
-
#90a4aa
#90a4aa
rgb(144,164,170)
-
#89a8b1
#89a8b1
rgb(137,168,177)
-
#81acb9
#81acb9
rgb(129,172,185)
-
#7ab0c0
#7ab0c0
rgb(122,176,192)
-
#72b4c8
#72b4c8
rgb(114,180,200)
-
#6bb9cf
#6bb9cf
rgb(107,185,207)
-
#63bdd7
#63bdd7
rgb(99,189,215)
-
#5cc1de
#5cc1de
rgb(92,193,222)
-
#54c5e6
#54c5e6
rgb(84,197,230)
-
#4cc9ee
#4cc9ee
rgb(76,201,238)
-
#45cdf5
#45cdf5
rgb(69,205,245)
-
#3dd1fd
#3dd1fd
rgb(61,209,253)
Color Blindness Simulator
Below, you can see how #54c5e6 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.