#0054f0 Color Information
In a RGB color space, hex #0054f0 is composed of 0% red, 32.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 65% magenta, 0% yellow and 5.9% black. It has a hue angle of 219 degrees, a saturation of 100% and a lightness of 47.1%. #0054f0 color hex could be obtained by blending #00a8ff with #0000e1. Closest websafe color is: #0066ff.
-
- R 0
- G 33
- B 94
-
- C 100
- M 65
- Y 0
- K 6
● #0054f0 color description : Pure (or mostly pure) blue.
#0054f0 Color Conversion
The hexadecimal color #0054f0 has RGB values of R:0, G:84, B:240 and CMYK values of C:1, M:0.65, Y:0, K:0.06. Its decimal value is 21744.
Hex triplet | 0054f0 | #0054f0 |
---|---|---|
RGB Decimal | 0, 84, 240 | rgb(0,84,240) |
RGB Percent | 0, 32.9, 94.1 | rgb(0%,32.9%,94.1%) |
CMYK | 100, 65, 0, 6 | |
HSL | 219°, 100, 47.1 | hsl(219,100%,47.1%) |
HSV (or HSB) | 219°, 100, 94.1 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 42.201, 40.949, -82.993 |
---|---|
XYZ | 18.895, 12.63, 83.875 |
xyY | 0.164, 0.109, 12.63 |
CIE-LCH | 42.201, 92.545, 296.262 |
CIE-LUV | 42.201, -18.392, -121.357 |
Hunter-Lab | 35.539, 32.71, -115.052 |
Binary | 00000000, 01010100, 11110000 |
Color Schemes with #0054f0
Alternatives to #0054f0
Below, you can see some colors close to #0054f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0054f0 Preview
This text has a font color of #0054f0.
<span style="color:#0054f0;">Text here</span>
This paragraph has a background color of #0054f0.
<p style="background-color:#0054f0;">Content here</p>
This element has a border color of #0054f0.
<div style="border:1px solid #0054f0;">Content here</div>
.text {color:#0054f0;}
.background {background-color:#0054f0;}
.border {border:1px solid #0054f0;}
Shades and Tints of #0054f0
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, #000205 is the darkest color, while #f0f5ff is the lightest one.
-
#000205
#000205
rgb(0,2,5)
-
#000818
#000818
rgb(0,8,24)
-
#000f2c
#000f2c
rgb(0,15,44)
-
#00163f
#00163f
rgb(0,22,63)
-
#001d53
#001d53
rgb(0,29,83)
-
#002467
#002467
rgb(0,36,103)
-
#002b7a
#002b7a
rgb(0,43,122)
-
#00328e
#00328e
rgb(0,50,142)
-
#0039a2
#0039a2
rgb(0,57,162)
-
#003fb5
#003fb5
rgb(0,63,181)
-
#0046c9
#0046c9
rgb(0,70,201)
-
#004ddc
#004ddc
rgb(0,77,220)
-
#0054f0
#0054f0
rgb(0,84,240)
-
#055cff
#055cff
rgb(5,92,255)
-
#1869ff
#1869ff
rgb(24,105,255)
-
#2c76ff
#2c76ff
rgb(44,118,255)
-
#3f83ff
#3f83ff
rgb(63,131,255)
-
#538fff
#538fff
rgb(83,143,255)
-
#679cff
#679cff
rgb(103,156,255)
-
#7aa9ff
#7aa9ff
rgb(122,169,255)
-
#8eb6ff
#8eb6ff
rgb(142,182,255)
-
#a2c2ff
#a2c2ff
rgb(162,194,255)
-
#b5cfff
#b5cfff
rgb(181,207,255)
-
#c9dcff
#c9dcff
rgb(201,220,255)
-
#dce9ff
#dce9ff
rgb(220,233,255)
-
#f0f5ff
#f0f5ff
rgb(240,245,255)
Tones of #0054f0
A tone is produced by adding gray to any pure hue. In this case, #6f7581 is the less saturated color, while #0054f0 is the most saturated one.
-
#6f7581
#6f7581
rgb(111,117,129)
-
#66728a
#66728a
rgb(102,114,138)
-
#5c7094
#5c7094
rgb(92,112,148)
-
#536d9d
#536d9d
rgb(83,109,157)
-
#4a6aa6
#4a6aa6
rgb(74,106,166)
-
#4167af
#4167af
rgb(65,103,175)
-
#3765b9
#3765b9
rgb(55,101,185)
-
#2e62c2
#2e62c2
rgb(46,98,194)
-
#255fcb
#255fcb
rgb(37,95,203)
-
#1c5cd4
#1c5cd4
rgb(28,92,212)
-
#125ade
#125ade
rgb(18,90,222)
-
#0957e7
#0957e7
rgb(9,87,231)
-
#0054f0
#0054f0
rgb(0,84,240)
Color Blindness Simulator
Below, you can see how #0054f0 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.