#54b5ec Color Information
In a RGB color space, hex #54b5ec is composed of 32.9% red, 71% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 23.3% magenta, 0% yellow and 7.5% black. It has a hue angle of 201.7 degrees, a saturation of 80% and a lightness of 62.7%. #54b5ec color hex could be obtained by blending #a8ffff with #006bd9. Closest websafe color is: #66ccff.
-
- R 33
- G 71
- B 93
-
- C 64
- M 23
- Y 0
- K 7
● #54b5ec color description : Soft blue.
#54b5ec Color Conversion
The hexadecimal color #54b5ec has RGB values of R:84, G:181, B:236 and CMYK values of C:0.64, M:0.23, Y:0, K:0.07. Its decimal value is 5551596.
Hex triplet | 54b5ec | #54b5ec |
---|---|---|
RGB Decimal | 84, 181, 236 | rgb(84,181,236) |
RGB Percent | 32.9, 71, 92.5 | rgb(32.9%,71%,92.5%) |
CMYK | 64, 23, 0, 7 | |
HSL | 201.7°, 80, 62.7 | hsl(201.7,80%,62.7%) |
HSV (or HSB) | 201.7°, 64.4, 92.5 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 70.166, -11.946, -35.882 |
---|---|
XYZ | 35.317, 40.986, 85.402 |
xyY | 0.218, 0.253, 40.986 |
CIE-LCH | 70.166, 37.819, 251.586 |
CIE-LUV | 70.166, -38.284, -55.944 |
Hunter-Lab | 64.02, -13.567, -34.278 |
Binary | 01010100, 10110101, 11101100 |
Color Schemes with #54b5ec
Alternatives to #54b5ec
Below, you can see some colors close to #54b5ec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54b5ec Preview
This text has a font color of #54b5ec.
<span style="color:#54b5ec;">Text here</span>
This paragraph has a background color of #54b5ec.
<p style="background-color:#54b5ec;">Content here</p>
This element has a border color of #54b5ec.
<div style="border:1px solid #54b5ec;">Content here</div>
.text {color:#54b5ec;}
.background {background-color:#54b5ec;}
.border {border:1px solid #54b5ec;}
Shades and Tints of #54b5ec
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, #010406 is the darkest color, while #f3fafe is the lightest one.
-
#010406
#010406
rgb(1,4,6)
-
#031017
#031017
rgb(3,16,23)
-
#051c29
#051c29
rgb(5,28,41)
-
#06283b
#06283b
rgb(6,40,59)
-
#08344c
#08344c
rgb(8,52,76)
-
#0a405e
#0a405e
rgb(10,64,94)
-
#0c4c6f
#0c4c6f
rgb(12,76,111)
-
#0e5881
#0e5881
rgb(14,88,129)
-
#106493
#106493
rgb(16,100,147)
-
#1270a4
#1270a4
rgb(18,112,164)
-
#147cb6
#147cb6
rgb(20,124,182)
-
#1687c8
#1687c8
rgb(22,135,200)
-
#1893d9
#1893d9
rgb(24,147,217)
-
#1f9ee6
#1f9ee6
rgb(31,158,230)
-
#31a6e8
#31a6e8
rgb(49,166,232)
-
#42adea
#42adea
rgb(66,173,234)
-
#54b5ec
#54b5ec
rgb(84,181,236)
-
#66bdee
#66bdee
rgb(102,189,238)
-
#77c4f0
#77c4f0
rgb(119,196,240)
-
#89ccf2
#89ccf2
rgb(137,204,242)
-
#9bd4f4
#9bd4f4
rgb(155,212,244)
-
#acdbf6
#acdbf6
rgb(172,219,246)
-
#bee3f8
#bee3f8
rgb(190,227,248)
-
#d0eafa
#d0eafa
rgb(208,234,250)
-
#e1f2fc
#e1f2fc
rgb(225,242,252)
-
#f3fafe
#f3fafe
rgb(243,250,254)
Tones of #54b5ec
A tone is produced by adding gray to any pure hue. In this case, #9da1a3 is the less saturated color, while #45b9fb is the most saturated one.
-
#9da1a3
#9da1a3
rgb(157,161,163)
-
#96a3aa
#96a3aa
rgb(150,163,170)
-
#8ea5b2
#8ea5b2
rgb(142,165,178)
-
#87a7b9
#87a7b9
rgb(135,167,185)
-
#80a9c0
#80a9c0
rgb(128,169,192)
-
#79abc7
#79abc7
rgb(121,171,199)
-
#71adcf
#71adcf
rgb(113,173,207)
-
#6aafd6
#6aafd6
rgb(106,175,214)
-
#63b1dd
#63b1dd
rgb(99,177,221)
-
#5bb3e5
#5bb3e5
rgb(91,179,229)
-
#54b5ec
#54b5ec
rgb(84,181,236)
-
#4db7f3
#4db7f3
rgb(77,183,243)
-
#45b9fb
#45b9fb
rgb(69,185,251)
Color Blindness Simulator
Below, you can see how #54b5ec 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.