#54b5d6 Color Information
In a RGB color space, hex #54b5d6 is composed of 32.9% red, 71% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 15.4% magenta, 0% yellow and 16.1% black. It has a hue angle of 195.2 degrees, a saturation of 61.3% and a lightness of 58.4%. #54b5d6 color hex could be obtained by blending #a8ffff with #006bad. Closest websafe color is: #66cccc.
-
- R 33
- G 71
- B 84
-
- C 61
- M 15
- Y 0
- K 16
● #54b5d6 color description : Moderate blue.
#54b5d6 Color Conversion
The hexadecimal color #54b5d6 has RGB values of R:84, G:181, B:214 and CMYK values of C:0.61, M:0.15, Y:0, K:0.16. Its decimal value is 5551574.
Hex triplet | 54b5d6 | #54b5d6 |
---|---|---|
RGB Decimal | 84, 181, 214 | rgb(84,181,214) |
RGB Percent | 32.9, 71, 83.9 | rgb(32.9%,71%,83.9%) |
CMYK | 61, 15, 0, 16 | |
HSL | 195.2°, 61.3, 58.4 | hsl(195.2,61.3%,58.4%) |
HSV (or HSB) | 195.2°, 60.7, 83.9 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 69.316, -18.771, -25.18 |
---|---|
XYZ | 32.314, 39.785, 69.591 |
xyY | 0.228, 0.281, 39.785 |
CIE-LCH | 69.316, 31.407, 233.296 |
CIE-LUV | 69.316, -39.261, -36.928 |
Hunter-Lab | 63.076, -18.934, -21.262 |
Binary | 01010100, 10110101, 11010110 |
Color Schemes with #54b5d6
Alternatives to #54b5d6
Below, you can see some colors close to #54b5d6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54b5d6 Preview
This text has a font color of #54b5d6.
<span style="color:#54b5d6;">Text here</span>
This paragraph has a background color of #54b5d6.
<p style="background-color:#54b5d6;">Content here</p>
This element has a border color of #54b5d6.
<div style="border:1px solid #54b5d6;">Content here</div>
.text {color:#54b5d6;}
.background {background-color:#54b5d6;}
.border {border:1px solid #54b5d6;}
Shades and Tints of #54b5d6
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, #010203 is the darkest color, while #f2f9fc is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#050f13
#050f13
rgb(5,15,19)
-
#081c23
#081c23
rgb(8,28,35)
-
#0c2933
#0c2933
rgb(12,41,51)
-
#103642
#103642
rgb(16,54,66)
-
#144252
#144252
rgb(20,66,82)
-
#174f62
#174f62
rgb(23,79,98)
-
#1b5c72
#1b5c72
rgb(27,92,114)
-
#1f6982
#1f6982
rgb(31,105,130)
-
#237591
#237591
rgb(35,117,145)
-
#2782a1
#2782a1
rgb(39,130,161)
-
#2a8fb1
#2a8fb1
rgb(42,143,177)
-
#2e9cc1
#2e9cc1
rgb(46,156,193)
-
#34a7ce
#34a7ce
rgb(52,167,206)
-
#44aed2
#44aed2
rgb(68,174,210)
-
#54b5d6
#54b5d6
rgb(84,181,214)
-
#64bcda
#64bcda
rgb(100,188,218)
-
#74c3de
#74c3de
rgb(116,195,222)
-
#83cae1
#83cae1
rgb(131,202,225)
-
#93d0e5
#93d0e5
rgb(147,208,229)
-
#a3d7e9
#a3d7e9
rgb(163,215,233)
-
#b3deed
#b3deed
rgb(179,222,237)
-
#c3e5f1
#c3e5f1
rgb(195,229,241)
-
#d3ecf4
#d3ecf4
rgb(211,236,244)
-
#e2f3f8
#e2f3f8
rgb(226,243,248)
-
#f2f9fc
#f2f9fc
rgb(242,249,252)
Tones of #54b5d6
A tone is produced by adding gray to any pure hue. In this case, #8d999d is the less saturated color, while #2bc9ff is the most saturated one.
-
#8d999d
#8d999d
rgb(141,153,157)
-
#859da5
#859da5
rgb(133,157,165)
-
#7da1ad
#7da1ad
rgb(125,161,173)
-
#75a5b5
#75a5b5
rgb(117,165,181)
-
#6ca9be
#6ca9be
rgb(108,169,190)
-
#64adc6
#64adc6
rgb(100,173,198)
-
#5cb1ce
#5cb1ce
rgb(92,177,206)
-
#54b5d6
#54b5d6
rgb(84,181,214)
-
#4cb9de
#4cb9de
rgb(76,185,222)
-
#44bde6
#44bde6
rgb(68,189,230)
-
#3cc1ee
#3cc1ee
rgb(60,193,238)
-
#33c5f7
#33c5f7
rgb(51,197,247)
-
#2bc9ff
#2bc9ff
rgb(43,201,255)
Color Blindness Simulator
Below, you can see how #54b5d6 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.