#54a4cd Color Information
In a RGB color space, hex #54a4cd is composed of 32.9% red, 64.3% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 20% magenta, 0% yellow and 19.6% black. It has a hue angle of 200.3 degrees, a saturation of 54.8% and a lightness of 56.7%. #54a4cd color hex could be obtained by blending #a8ffff with #00499b. Closest websafe color is: #6699cc.
-
- R 33
- G 64
- B 80
-
- C 59
- M 20
- Y 0
- K 20
● #54a4cd color description : Moderate blue.
#54a4cd Color Conversion
The hexadecimal color #54a4cd has RGB values of R:84, G:164, B:205 and CMYK values of C:0.59, M:0.2, Y:0, K:0.2. Its decimal value is 5547213.
Hex triplet | 54a4cd | #54a4cd |
---|---|---|
RGB Decimal | 84, 164, 205 | rgb(84,164,205) |
RGB Percent | 32.9, 64.3, 80.4 | rgb(32.9%,64.3%,80.4%) |
CMYK | 59, 20, 0, 20 | |
HSL | 200.3°, 54.8, 56.7 | hsl(200.3,54.8%,56.7%) |
HSV (or HSB) | 200.3°, 59, 80.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 64.032, -12.48, -28.335 |
---|---|
XYZ | 27.948, 32.842, 62.62 |
xyY | 0.226, 0.266, 32.842 |
CIE-LCH | 64.032, 30.961, 246.23 |
CIE-LUV | 64.032, -33.327, -42.548 |
Hunter-Lab | 57.308, -13.236, -24.671 |
Binary | 01010100, 10100100, 11001101 |
Color Schemes with #54a4cd
Alternatives to #54a4cd
Below, you can see some colors close to #54a4cd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54a4cd Preview
This text has a font color of #54a4cd.
<span style="color:#54a4cd;">Text here</span>
This paragraph has a background color of #54a4cd.
<p style="background-color:#54a4cd;">Content here</p>
This element has a border color of #54a4cd.
<div style="border:1px solid #54a4cd;">Content here</div>
.text {color:#54a4cd;}
.background {background-color:#54a4cd;}
.border {border:1px solid #54a4cd;}
Shades and Tints of #54a4cd
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, #03080b is the darkest color, while #fbfdfe is the lightest one.
-
#03080b
#03080b
rgb(3,8,11)
-
#08141a
#08141a
rgb(8,20,26)
-
#0c2029
#0c2029
rgb(12,32,41)
-
#112b39
#112b39
rgb(17,43,57)
-
#153748
#153748
rgb(21,55,72)
-
#194257
#194257
rgb(25,66,87)
-
#1e4e66
#1e4e66
rgb(30,78,102)
-
#225975
#225975
rgb(34,89,117)
-
#276585
#276585
rgb(39,101,133)
-
#2b7094
#2b7094
rgb(43,112,148)
-
#307ca3
#307ca3
rgb(48,124,163)
-
#3487b2
#3487b2
rgb(52,135,178)
-
#3993c1
#3993c1
rgb(57,147,193)
-
#459cc9
#459cc9
rgb(69,156,201)
-
#54a4cd
#54a4cd
rgb(84,164,205)
-
#63acd1
#63acd1
rgb(99,172,209)
-
#72b4d6
#72b4d6
rgb(114,180,214)
-
#82bcda
#82bcda
rgb(130,188,218)
-
#91c4df
#91c4df
rgb(145,196,223)
-
#a0cce3
#a0cce3
rgb(160,204,227)
-
#afd4e8
#afd4e8
rgb(175,212,232)
-
#beddec
#beddec
rgb(190,221,236)
-
#cde5f1
#cde5f1
rgb(205,229,241)
-
#ddedf5
#ddedf5
rgb(221,237,245)
-
#ecf5f9
#ecf5f9
rgb(236,245,249)
-
#fbfdfe
#fbfdfe
rgb(251,253,254)
Tones of #54a4cd
A tone is produced by adding gray to any pure hue. In this case, #909192 is the less saturated color, while #2ab2f8 is the most saturated one.
-
#909192
#909192
rgb(144,145,146)
-
#87949a
#87949a
rgb(135,148,154)
-
#7f96a3
#7f96a3
rgb(127,150,163)
-
#7699ab
#7699ab
rgb(118,153,171)
-
#6e9cb4
#6e9cb4
rgb(110,156,180)
-
#659fbc
#659fbc
rgb(101,159,188)
-
#5da1c5
#5da1c5
rgb(93,161,197)
-
#54a4cd
#54a4cd
rgb(84,164,205)
-
#4ca7d6
#4ca7d6
rgb(76,167,214)
-
#43a9de
#43a9de
rgb(67,169,222)
-
#3bace7
#3bace7
rgb(59,172,231)
-
#32afef
#32afef
rgb(50,175,239)
-
#2ab2f8
#2ab2f8
rgb(42,178,248)
Color Blindness Simulator
Below, you can see how #54a4cd 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.