#054af0 Color Information
In a RGB color space, hex #054af0 is composed of 2% red, 29% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 69.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 222.4 degrees, a saturation of 95.9% and a lightness of 48%. #054af0 color hex could be obtained by blending #0a94ff with #0000e1. Closest websafe color is: #0033ff.
-
- R 2
- G 29
- B 94
-
- C 98
- M 69
- Y 0
- K 6
● #054af0 color description : Vivid blue.
#054af0 Color Conversion
The hexadecimal color #054af0 has RGB values of R:5, G:74, B:240 and CMYK values of C:0.98, M:0.69, Y:0, K:0.06. Its decimal value is 346864.
Hex triplet | 054af0 | #054af0 |
---|---|---|
RGB Decimal | 5, 74, 240 | rgb(5,74,240) |
RGB Percent | 2, 29, 94.1 | rgb(2%,29%,94.1%) |
CMYK | 98, 69, 0, 6 | |
HSL | 222.4°, 95.9, 48 | hsl(222.4,95.9%,48%) |
HSV (or HSB) | 222.4°, 97.9, 94.1 | |
Web Safe | 0033ff | #0033ff |
CIE-LAB | 39.948, 47.228, -86.704 |
---|---|
XYZ | 18.236, 11.22, 83.638 |
xyY | 0.161, 0.099, 11.22 |
CIE-LCH | 39.948, 98.732, 298.577 |
CIE-LUV | 39.948, -16.144, -123.341 |
Hunter-Lab | 33.496, 38.565, -124.599 |
Binary | 00000101, 01001010, 11110000 |
Color Schemes with #054af0
Alternatives to #054af0
Below, you can see some colors close to #054af0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#054af0 Preview
This text has a font color of #054af0.
<span style="color:#054af0;">Text here</span>
This paragraph has a background color of #054af0.
<p style="background-color:#054af0;">Content here</p>
This element has a border color of #054af0.
<div style="border:1px solid #054af0;">Content here</div>
.text {color:#054af0;}
.background {background-color:#054af0;}
.border {border:1px solid #054af0;}
Shades and Tints of #054af0
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, #000309 is the darkest color, while #f5f8ff is the lightest one.
-
#000309
#000309
rgb(0,3,9)
-
#01091d
#01091d
rgb(1,9,29)
-
#010f30
#010f30
rgb(1,15,48)
-
#011543
#011543
rgb(1,21,67)
-
#021b56
#021b56
rgb(2,27,86)
-
#022169
#022169
rgb(2,33,105)
-
#03267d
#03267d
rgb(3,38,125)
-
#032c90
#032c90
rgb(3,44,144)
-
#0332a3
#0332a3
rgb(3,50,163)
-
#0438b6
#0438b6
rgb(4,56,182)
-
#043eca
#043eca
rgb(4,62,202)
-
#0544dd
#0544dd
rgb(5,68,221)
-
#054af0
#054af0
rgb(5,74,240)
-
#0f54fa
#0f54fa
rgb(15,84,250)
-
#2261fa
#2261fa
rgb(34,97,250)
-
#356ffb
#356ffb
rgb(53,111,251)
-
#487dfb
#487dfb
rgb(72,125,251)
-
#5b8afc
#5b8afc
rgb(91,138,252)
-
#6f98fc
#6f98fc
rgb(111,152,252)
-
#82a6fc
#82a6fc
rgb(130,166,252)
-
#95b4fd
#95b4fd
rgb(149,180,253)
-
#a8c1fd
#a8c1fd
rgb(168,193,253)
-
#bccffe
#bccffe
rgb(188,207,254)
-
#cfddfe
#cfddfe
rgb(207,221,254)
-
#e2eafe
#e2eafe
rgb(226,234,254)
-
#f5f8ff
#f5f8ff
rgb(245,248,255)
Tones of #054af0
A tone is produced by adding gray to any pure hue. In this case, #76797f is the less saturated color, while #054af0 is the most saturated one.
-
#76797f
#76797f
rgb(118,121,127)
-
#6d7588
#6d7588
rgb(109,117,136)
-
#637192
#637192
rgb(99,113,146)
-
#5a6d9b
#5a6d9b
rgb(90,109,155)
-
#5069a5
#5069a5
rgb(80,105,165)
-
#4765ae
#4765ae
rgb(71,101,174)
-
#3e61b7
#3e61b7
rgb(62,97,183)
-
#345dc1
#345dc1
rgb(52,93,193)
-
#2b5aca
#2b5aca
rgb(43,90,202)
-
#2156d4
#2156d4
rgb(33,86,212)
-
#1852dd
#1852dd
rgb(24,82,221)
-
#0e4ee7
#0e4ee7
rgb(14,78,231)
-
#054af0
#054af0
rgb(5,74,240)
Color Blindness Simulator
Below, you can see how #054af0 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.