#54a7fd Color Information
In a RGB color space, hex #54a7fd is composed of 32.9% red, 65.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 34% magenta, 0% yellow and 0.8% black. It has a hue angle of 210.5 degrees, a saturation of 97.7% and a lightness of 66.1%. #54a7fd color hex could be obtained by blending #a8ffff with #004ffb. Closest websafe color is: #6699ff.
-
- R 33
- G 65
- B 99
-
- C 67
- M 34
- Y 0
- K 1
● #54a7fd color description : Soft blue.
#54a7fd Color Conversion
The hexadecimal color #54a7fd has RGB values of R:84, G:167, B:253 and CMYK values of C:0.67, M:0.34, Y:0, K:0.01. Its decimal value is 5548029.
Hex triplet | 54a7fd | #54a7fd |
---|---|---|
RGB Decimal | 84, 167, 253 | rgb(84,167,253) |
RGB Percent | 32.9, 65.5, 99.2 | rgb(32.9%,65.5%,99.2%) |
CMYK | 67, 34, 0, 1 | |
HSL | 210.5°, 97.7, 66.1 | hsl(210.5,97.7%,66.1%) |
HSV (or HSB) | 210.5°, 66.8, 99.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 66.985, 1.373, -50.113 |
---|---|
XYZ | 35.2, 36.612, 98.135 |
xyY | 0.207, 0.215, 36.612 |
CIE-LCH | 66.985, 50.132, 271.569 |
CIE-LUV | 66.985, -32.756, -81.315 |
Hunter-Lab | 60.507, -2.045, -53.805 |
Binary | 01010100, 10100111, 11111101 |
Color Schemes with #54a7fd
Alternatives to #54a7fd
Below, you can see some colors close to #54a7fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54a7fd Preview
This text has a font color of #54a7fd.
<span style="color:#54a7fd;">Text here</span>
This paragraph has a background color of #54a7fd.
<p style="background-color:#54a7fd;">Content here</p>
This element has a border color of #54a7fd.
<div style="border:1px solid #54a7fd;">Content here</div>
.text {color:#54a7fd;}
.background {background-color:#54a7fd;}
.border {border:1px solid #54a7fd;}
Shades and Tints of #54a7fd
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, #000203 is the darkest color, while #eff7ff is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#000b17
#000b17
rgb(0,11,23)
-
#00152a
#00152a
rgb(0,21,42)
-
#011f3e
#011f3e
rgb(1,31,62)
-
#012851
#012851
rgb(1,40,81)
-
#013264
#013264
rgb(1,50,100)
-
#013c78
#013c78
rgb(1,60,120)
-
#02458b
#02458b
rgb(2,69,139)
-
#024f9f
#024f9f
rgb(2,79,159)
-
#0258b2
#0258b2
rgb(2,88,178)
-
#0262c5
#0262c5
rgb(2,98,197)
-
#036cd9
#036cd9
rgb(3,108,217)
-
#0375ec
#0375ec
rgb(3,117,236)
-
#067ffc
#067ffc
rgb(6,127,252)
-
#1a89fc
#1a89fc
rgb(26,137,252)
-
#2d93fd
#2d93fd
rgb(45,147,253)
-
#419dfd
#419dfd
rgb(65,157,253)
-
#54a7fd
#54a7fd
rgb(84,167,253)
-
#67b1fd
#67b1fd
rgb(103,177,253)
-
#7bbbfd
#7bbbfd
rgb(123,187,253)
-
#8ec5fe
#8ec5fe
rgb(142,197,254)
-
#a2cffe
#a2cffe
rgb(162,207,254)
-
#b5d9fe
#b5d9fe
rgb(181,217,254)
-
#c8e3fe
#c8e3fe
rgb(200,227,254)
-
#dcedff
#dcedff
rgb(220,237,255)
-
#eff7ff
#eff7ff
rgb(239,247,255)
Tones of #54a7fd
A tone is produced by adding gray to any pure hue. In this case, #a4a8ad is the less saturated color, while #54a7fd is the most saturated one.
-
#a4a8ad
#a4a8ad
rgb(164,168,173)
-
#9da8b4
#9da8b4
rgb(157,168,180)
-
#97a8ba
#97a8ba
rgb(151,168,186)
-
#90a8c1
#90a8c1
rgb(144,168,193)
-
#89a8c8
#89a8c8
rgb(137,168,200)
-
#83a8ce
#83a8ce
rgb(131,168,206)
-
#7ca8d5
#7ca8d5
rgb(124,168,213)
-
#75a8dc
#75a8dc
rgb(117,168,220)
-
#6fa7e2
#6fa7e2
rgb(111,167,226)
-
#68a7e9
#68a7e9
rgb(104,167,233)
-
#61a7f0
#61a7f0
rgb(97,167,240)
-
#5ba7f6
#5ba7f6
rgb(91,167,246)
-
#54a7fd
#54a7fd
rgb(84,167,253)
Color Blindness Simulator
Below, you can see how #54a7fd 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.