#54a4ea Color Information
In a RGB color space, hex #54a4ea is composed of 32.9% red, 64.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 29.9% magenta, 0% yellow and 8.2% black. It has a hue angle of 208 degrees, a saturation of 78.1% and a lightness of 62.4%. #54a4ea color hex could be obtained by blending #a8ffff with #0049d5. Closest websafe color is: #6699ff.
-
- R 33
- G 64
- B 92
-
- C 64
- M 30
- Y 0
- K 8
● #54a4ea color description : Soft blue.
#54a4ea Color Conversion
The hexadecimal color #54a4ea has RGB values of R:84, G:164, B:234 and CMYK values of C:0.64, M:0.3, Y:0, K:0.08. Its decimal value is 5547242.
Hex triplet | 54a4ea | #54a4ea |
---|---|---|
RGB Decimal | 84, 164, 234 | rgb(84,164,234) |
RGB Percent | 32.9, 64.3, 91.8 | rgb(32.9%,64.3%,91.8%) |
CMYK | 64, 30, 0, 8 | |
HSL | 208°, 78.1, 62.4 | hsl(208,78.1%,62.4%) |
HSV (or HSB) | 208°, 64.1, 91.8 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 65.258, -3.217, -42.45 |
---|---|
XYZ | 31.779, 34.374, 82.797 |
xyY | 0.213, 0.231, 34.374 |
CIE-LCH | 65.258, 42.571, 265.666 |
CIE-LUV | 65.258, -32.323, -67.511 |
Hunter-Lab | 58.629, -5.847, -42.69 |
Binary | 01010100, 10100100, 11101010 |
Color Schemes with #54a4ea
Alternatives to #54a4ea
Below, you can see some colors close to #54a4ea. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54a4ea Preview
This text has a font color of #54a4ea.
<span style="color:#54a4ea;">Text here</span>
This paragraph has a background color of #54a4ea.
<p style="background-color:#54a4ea;">Content here</p>
This element has a border color of #54a4ea.
<div style="border:1px solid #54a4ea;">Content here</div>
.text {color:#54a4ea;}
.background {background-color:#54a4ea;}
.border {border:1px solid #54a4ea;}
Shades and Tints of #54a4ea
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, #000204 is the darkest color, while #f1f8fd is the lightest one.
-
#000204
#000204
rgb(0,2,4)
-
#030d15
#030d15
rgb(3,13,21)
-
#051727
#051727
rgb(5,23,39)
-
#072138
#072138
rgb(7,33,56)
-
#092b4a
#092b4a
rgb(9,43,74)
-
#0b365b
#0b365b
rgb(11,54,91)
-
#0d406d
#0d406d
rgb(13,64,109)
-
#0f4a7e
#0f4a7e
rgb(15,74,126)
-
#12558f
#12558f
rgb(18,85,143)
-
#145fa1
#145fa1
rgb(20,95,161)
-
#1669b2
#1669b2
rgb(22,105,178)
-
#1874c4
#1874c4
rgb(24,116,196)
-
#1a7ed5
#1a7ed5
rgb(26,126,213)
-
#2088e4
#2088e4
rgb(32,136,228)
-
#3191e6
#3191e6
rgb(49,145,230)
-
#439be8
#439be8
rgb(67,155,232)
-
#54a4ea
#54a4ea
rgb(84,164,234)
-
#65adec
#65adec
rgb(101,173,236)
-
#77b7ee
#77b7ee
rgb(119,183,238)
-
#88c0f0
#88c0f0
rgb(136,192,240)
-
#9ac9f3
#9ac9f3
rgb(154,201,243)
-
#abd2f5
#abd2f5
rgb(171,210,245)
-
#bddcf7
#bddcf7
rgb(189,220,247)
-
#cee5f9
#cee5f9
rgb(206,229,249)
-
#e0eefb
#e0eefb
rgb(224,238,251)
-
#f1f8fd
#f1f8fd
rgb(241,248,253)
Tones of #54a4ea
A tone is produced by adding gray to any pure hue. In this case, #9e9fa0 is the less saturated color, while #45a5f9 is the most saturated one.
-
#9e9fa0
#9e9fa0
rgb(158,159,160)
-
#96a0a8
#96a0a8
rgb(150,160,168)
-
#8fa0af
#8fa0af
rgb(143,160,175)
-
#88a1b6
#88a1b6
rgb(136,161,182)
-
#80a1be
#80a1be
rgb(128,161,190)
-
#79a2c5
#79a2c5
rgb(121,162,197)
-
#72a2cc
#72a2cc
rgb(114,162,204)
-
#6aa3d4
#6aa3d4
rgb(106,163,212)
-
#63a3db
#63a3db
rgb(99,163,219)
-
#5ba4e3
#5ba4e3
rgb(91,164,227)
-
#54a4ea
#54a4ea
rgb(84,164,234)
-
#4da4f1
#4da4f1
rgb(77,164,241)
-
#45a5f9
#45a5f9
rgb(69,165,249)
Color Blindness Simulator
Below, you can see how #54a4ea 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.