#54a3da Color Information
In a RGB color space, hex #54a3da is composed of 32.9% red, 63.9% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 25.2% magenta, 0% yellow and 14.5% black. It has a hue angle of 204.6 degrees, a saturation of 64.4% and a lightness of 59.2%. #54a3da color hex could be obtained by blending #a8ffff with #0047b5. Closest websafe color is: #6699cc.
-
- R 33
- G 64
- B 85
-
- C 61
- M 25
- Y 0
- K 15
● #54a3da color description : Soft blue.
#54a3da Color Conversion
The hexadecimal color #54a3da has RGB values of R:84, G:163, B:218 and CMYK values of C:0.61, M:0.25, Y:0, K:0.15. Its decimal value is 5546970.
Hex triplet | 54a3da | #54a3da |
---|---|---|
RGB Decimal | 84, 163, 218 | rgb(84,163,218) |
RGB Percent | 32.9, 63.9, 85.5 | rgb(32.9%,63.9%,85.5%) |
CMYK | 61, 25, 0, 15 | |
HSL | 204.6°, 64.4, 59.2 | hsl(204.6,64.4%,59.2%) |
HSV (or HSB) | 204.6°, 61.5, 85.5 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 64.273, -7.839, -35.17 |
---|---|
XYZ | 29.405, 33.139, 71.173 |
xyY | 0.22, 0.248, 33.139 |
CIE-LCH | 64.273, 36.033, 257.435 |
CIE-LUV | 64.273, -32.499, -54.56 |
Hunter-Lab | 57.567, -9.563, -33.007 |
Binary | 01010100, 10100011, 11011010 |
Color Schemes with #54a3da
Alternatives to #54a3da
Below, you can see some colors close to #54a3da. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54a3da Preview
This text has a font color of #54a3da.
<span style="color:#54a3da;">Text here</span>
This paragraph has a background color of #54a3da.
<p style="background-color:#54a3da;">Content here</p>
This element has a border color of #54a3da.
<div style="border:1px solid #54a3da;">Content here</div>
.text {color:#54a3da;}
.background {background-color:#54a3da;}
.border {border:1px solid #54a3da;}
Shades and Tints of #54a3da
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 #f5fafd is the lightest one.
-
#010406
#010406
rgb(1,4,6)
-
#050f17
#050f17
rgb(5,15,23)
-
#081a27
#081a27
rgb(8,26,39)
-
#0c2537
#0c2537
rgb(12,37,55)
-
#0f3047
#0f3047
rgb(15,48,71)
-
#133b57
#133b57
rgb(19,59,87)
-
#164667
#164667
rgb(22,70,103)
-
#1a5177
#1a5177
rgb(26,81,119)
-
#1d5c87
#1d5c87
rgb(29,92,135)
-
#216798
#216798
rgb(33,103,152)
-
#2472a8
#2472a8
rgb(36,114,168)
-
#287db8
#287db8
rgb(40,125,184)
-
#2b88c8
#2b88c8
rgb(43,136,200)
-
#3492d3
#3492d3
rgb(52,146,211)
-
#449ad7
#449ad7
rgb(68,154,215)
-
#54a3da
#54a3da
rgb(84,163,218)
-
#64acdd
#64acdd
rgb(100,172,221)
-
#74b4e1
#74b4e1
rgb(116,180,225)
-
#84bde4
#84bde4
rgb(132,189,228)
-
#95c6e8
#95c6e8
rgb(149,198,232)
-
#a5ceeb
#a5ceeb
rgb(165,206,235)
-
#b5d7ef
#b5d7ef
rgb(181,215,239)
-
#c5e0f2
#c5e0f2
rgb(197,224,242)
-
#d5e8f6
#d5e8f6
rgb(213,232,246)
-
#e5f1f9
#e5f1f9
rgb(229,241,249)
-
#f5fafd
#f5fafd
rgb(245,250,253)
Tones of #54a3da
A tone is produced by adding gray to any pure hue. In this case, #94989a is the less saturated color, while #34a9fa is the most saturated one.
-
#94989a
#94989a
rgb(148,152,154)
-
#8c99a2
#8c99a2
rgb(140,153,162)
-
#849aaa
#849aaa
rgb(132,154,170)
-
#7c9cb2
#7c9cb2
rgb(124,156,178)
-
#749dba
#749dba
rgb(116,157,186)
-
#6c9fc2
#6c9fc2
rgb(108,159,194)
-
#64a0ca
#64a0ca
rgb(100,160,202)
-
#5ca2d2
#5ca2d2
rgb(92,162,210)
-
#54a3da
#54a3da
rgb(84,163,218)
-
#4ca4e2
#4ca4e2
rgb(76,164,226)
-
#44a6ea
#44a6ea
rgb(68,166,234)
-
#3ca7f2
#3ca7f2
rgb(60,167,242)
-
#34a9fa
#34a9fa
rgb(52,169,250)
Color Blindness Simulator
Below, you can see how #54a3da 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.