#3054f6 Color Information
In a RGB color space, hex #3054f6 is composed of 18.8% red, 32.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 65.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 229.1 degrees, a saturation of 91.7% and a lightness of 57.6%. #3054f6 color hex could be obtained by blending #60a8ff with #0000ed. Closest websafe color is: #3366ff.
-
- R 19
- G 33
- B 96
-
- C 80
- M 66
- Y 0
- K 4
● #3054f6 color description : Bright blue.
#3054f6 Color Conversion
The hexadecimal color #3054f6 has RGB values of R:48, G:84, B:246 and CMYK values of C:0.8, M:0.66, Y:0, K:0.04. Its decimal value is 3167478.
Hex triplet | 3054f6 | #3054f6 |
---|---|---|
RGB Decimal | 48, 84, 246 | rgb(48,84,246) |
RGB Percent | 18.8, 32.9, 96.5 | rgb(18.8%,32.9%,96.5%) |
CMYK | 80, 66, 0, 4 | |
HSL | 229.1°, 91.7, 57.6 | hsl(229.1,91.7%,57.6%) |
HSV (or HSB) | 229.1°, 80.5, 96.5 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 43.685, 45.107, -83.888 |
---|---|
XYZ | 21.02, 13.621, 88.705 |
xyY | 0.17, 0.11, 13.621 |
CIE-LCH | 43.685, 95.246, 298.267 |
CIE-LUV | 43.685, -15.193, -124.308 |
Hunter-Lab | 36.907, 37.077, -116.667 |
Binary | 00110000, 01010100, 11110110 |
Color Schemes with #3054f6
Alternatives to #3054f6
Below, you can see some colors close to #3054f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3054f6 Preview
This text has a font color of #3054f6.
<span style="color:#3054f6;">Text here</span>
This paragraph has a background color of #3054f6.
<p style="background-color:#3054f6;">Content here</p>
This element has a border color of #3054f6.
<div style="border:1px solid #3054f6;">Content here</div>
.text {color:#3054f6;}
.background {background-color:#3054f6;}
.border {border:1px solid #3054f6;}
Shades and Tints of #3054f6
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, #010413 is the darkest color, while #ffffff is the lightest one.
-
#010413
#010413
rgb(1,4,19)
-
#020825
#020825
rgb(2,8,37)
-
#020c38
#020c38
rgb(2,12,56)
-
#03104b
#03104b
rgb(3,16,75)
-
#04145e
#04145e
rgb(4,20,94)
-
#051871
#051871
rgb(5,24,113)
-
#061d83
#061d83
rgb(6,29,131)
-
#072196
#072196
rgb(7,33,150)
-
#0725a9
#0725a9
rgb(7,37,169)
-
#0829bc
#0829bc
rgb(8,41,188)
-
#092dcf
#092dcf
rgb(9,45,207)
-
#0a31e1
#0a31e1
rgb(10,49,225)
-
#0b35f4
#0b35f4
rgb(11,53,244)
-
#1d44f5
#1d44f5
rgb(29,68,245)
-
#3054f6
#3054f6
rgb(48,84,246)
-
#4364f7
#4364f7
rgb(67,100,247)
-
#5673f8
#5673f8
rgb(86,115,248)
-
#6883f8
#6883f8
rgb(104,131,248)
-
#7b92f9
#7b92f9
rgb(123,146,249)
-
#8ea2fa
#8ea2fa
rgb(142,162,250)
-
#a1b1fb
#a1b1fb
rgb(161,177,251)
-
#b4c1fc
#b4c1fc
rgb(180,193,252)
-
#c6d0fd
#c6d0fd
rgb(198,208,253)
-
#d9e0fd
#d9e0fd
rgb(217,224,253)
-
#eceffe
#eceffe
rgb(236,239,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #3054f6
A tone is produced by adding gray to any pure hue. In this case, #8b8e9b is the less saturated color, while #284ffe is the most saturated one.
-
#8b8e9b
#8b8e9b
rgb(139,142,155)
-
#8389a3
#8389a3
rgb(131,137,163)
-
#7b84ab
#7b84ab
rgb(123,132,171)
-
#727eb4
#727eb4
rgb(114,126,180)
-
#6a79bc
#6a79bc
rgb(106,121,188)
-
#6274c4
#6274c4
rgb(98,116,196)
-
#5a6ecc
#5a6ecc
rgb(90,110,204)
-
#5169d5
#5169d5
rgb(81,105,213)
-
#4964dd
#4964dd
rgb(73,100,221)
-
#415fe5
#415fe5
rgb(65,95,229)
-
#3859ee
#3859ee
rgb(56,89,238)
-
#3054f6
#3054f6
rgb(48,84,246)
-
#284ffe
#284ffe
rgb(40,79,254)
Color Blindness Simulator
Below, you can see how #3054f6 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.