#54cce2 Color Information
In a RGB color space, hex #54cce2 is composed of 32.9% red, 80% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 9.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 189.3 degrees, a saturation of 71% and a lightness of 60.8%. #54cce2 color hex could be obtained by blending #a8ffff with #0099c5. Closest websafe color is: #66cccc.
-
- R 33
- G 80
- B 89
-
- C 63
- M 10
- Y 0
- K 11
● #54cce2 color description : Soft cyan.
#54cce2 Color Conversion
The hexadecimal color #54cce2 has RGB values of R:84, G:204, B:226 and CMYK values of C:0.63, M:0.1, Y:0, K:0.11. Its decimal value is 5557474.
Hex triplet | 54cce2 | #54cce2 |
---|---|---|
RGB Decimal | 84, 204, 226 | rgb(84,204,226) |
RGB Percent | 32.9, 80, 88.6 | rgb(32.9%,80%,88.6%) |
CMYK | 63, 10, 0, 11 | |
HSL | 189.3°, 71, 60.8 | hsl(189.3,71%,60.8%) |
HSV (or HSB) | 189.3°, 62.8, 88.6 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 76.411, -26.863, -20.88 |
---|---|
XYZ | 38.973, 50.558, 79.652 |
xyY | 0.23, 0.299, 50.558 |
CIE-LCH | 76.411, 34.024, 217.857 |
CIE-LUV | 76.411, -47.095, -29.057 |
Hunter-Lab | 71.104, -26.596, -16.644 |
Binary | 01010100, 11001100, 11100010 |
Color Schemes with #54cce2
Alternatives to #54cce2
Below, you can see some colors close to #54cce2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54cce2 Preview
This text has a font color of #54cce2.
<span style="color:#54cce2;">Text here</span>
This paragraph has a background color of #54cce2.
<p style="background-color:#54cce2;">Content here</p>
This element has a border color of #54cce2.
<div style="border:1px solid #54cce2;">Content here</div>
.text {color:#54cce2;}
.background {background-color:#54cce2;}
.border {border:1px solid #54cce2;}
Shades and Tints of #54cce2
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, #020c0d is the darkest color, while #fcfefe is the lightest one.
-
#020c0d
#020c0d
rgb(2,12,13)
-
#051a1e
#051a1e
rgb(5,26,30)
-
#08292f
#08292f
rgb(8,41,47)
-
#0b3840
#0b3840
rgb(11,56,64)
-
#0e4651
#0e4651
rgb(14,70,81)
-
#115561
#115561
rgb(17,85,97)
-
#136372
#136372
rgb(19,99,114)
-
#167283
#167283
rgb(22,114,131)
-
#198194
#198194
rgb(25,129,148)
-
#1c8fa4
#1c8fa4
rgb(28,143,164)
-
#1f9eb5
#1f9eb5
rgb(31,158,181)
-
#22acc6
#22acc6
rgb(34,172,198)
-
#24bbd7
#24bbd7
rgb(36,187,215)
-
#32c2dc
#32c2dc
rgb(50,194,220)
-
#43c7df
#43c7df
rgb(67,199,223)
-
#54cce2
#54cce2
rgb(84,204,226)
-
#65d1e5
#65d1e5
rgb(101,209,229)
-
#76d6e8
#76d6e8
rgb(118,214,232)
-
#86dbeb
#86dbeb
rgb(134,219,235)
-
#97e0ed
#97e0ed
rgb(151,224,237)
-
#a8e5f0
#a8e5f0
rgb(168,229,240)
-
#b9eaf3
#b9eaf3
rgb(185,234,243)
-
#c9eff6
#c9eff6
rgb(201,239,246)
-
#daf4f9
#daf4f9
rgb(218,244,249)
-
#ebf9fc
#ebf9fc
rgb(235,249,252)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #54cce2
A tone is produced by adding gray to any pure hue. In this case, #999c9d is the less saturated color, while #3ddcf9 is the most saturated one.
-
#999c9d
#999c9d
rgb(153,156,157)
-
#92a2a4
#92a2a4
rgb(146,162,164)
-
#8aa7ac
#8aa7ac
rgb(138,167,172)
-
#82acb4
#82acb4
rgb(130,172,180)
-
#7ab1bc
#7ab1bc
rgb(122,177,188)
-
#73b7c3
#73b7c3
rgb(115,183,195)
-
#6bbccb
#6bbccb
rgb(107,188,203)
-
#63c1d3
#63c1d3
rgb(99,193,211)
-
#5cc7da
#5cc7da
rgb(92,199,218)
-
#54cce2
#54cce2
rgb(84,204,226)
-
#4cd1ea
#4cd1ea
rgb(76,209,234)
-
#45d7f1
#45d7f1
rgb(69,215,241)
-
#3ddcf9
#3ddcf9
rgb(61,220,249)
Color Blindness Simulator
Below, you can see how #54cce2 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.