#3054e4 Color Information
In a RGB color space, hex #3054e4 is composed of 18.8% red, 32.9% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 63.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 228 degrees, a saturation of 76.9% and a lightness of 54.1%. #3054e4 color hex could be obtained by blending #60a8ff with #0000c9. Closest websafe color is: #3366cc.
-
- R 19
- G 33
- B 89
-
- C 79
- M 63
- Y 0
- K 11
● #3054e4 color description : Bright blue.
#3054e4 Color Conversion
The hexadecimal color #3054e4 has RGB values of R:48, G:84, B:228 and CMYK values of C:0.79, M:0.63, Y:0, K:0.11. Its decimal value is 3167460.
Hex triplet | 3054e4 | #3054e4 |
---|---|---|
RGB Decimal | 48, 84, 228 | rgb(48,84,228) |
RGB Percent | 18.8, 32.9, 89.4 | rgb(18.8%,32.9%,89.4%) |
CMYK | 79, 63, 0, 11 | |
HSL | 228°, 76.9, 54.1 | hsl(228,76.9%,54.1%) |
HSV (or HSB) | 228°, 78.9, 89.4 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 42.107, 38.73, -76.329 |
---|---|
XYZ | 18.39, 12.569, 74.851 |
xyY | 0.174, 0.119, 12.569 |
CIE-LCH | 42.107, 85.593, 296.904 |
CIE-LUV | 42.107, -14.975, -112.852 |
Hunter-Lab | 35.453, 30.548, -100.361 |
Binary | 00110000, 01010100, 11100100 |
Color Schemes with #3054e4
Alternatives to #3054e4
Below, you can see some colors close to #3054e4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3054e4 Preview
This text has a font color of #3054e4.
<span style="color:#3054e4;">Text here</span>
This paragraph has a background color of #3054e4.
<p style="background-color:#3054e4;">Content here</p>
This element has a border color of #3054e4.
<div style="border:1px solid #3054e4;">Content here</div>
.text {color:#3054e4;}
.background {background-color:#3054e4;}
.border {border:1px solid #3054e4;}
Shades and Tints of #3054e4
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, #000001 is the darkest color, while #eff2fd is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#020613
#020613
rgb(2,6,19)
-
#050b24
#050b24
rgb(5,11,36)
-
#071035
#071035
rgb(7,16,53)
-
#091547
#091547
rgb(9,21,71)
-
#0b1b58
#0b1b58
rgb(11,27,88)
-
#0e2069
#0e2069
rgb(14,32,105)
-
#10257b
#10257b
rgb(16,37,123)
-
#122b8c
#122b8c
rgb(18,43,140)
-
#15309d
#15309d
rgb(21,48,157)
-
#1735af
#1735af
rgb(23,53,175)
-
#193ac0
#193ac0
rgb(25,58,192)
-
#1b40d1
#1b40d1
rgb(27,64,209)
-
#1f46e2
#1f46e2
rgb(31,70,226)
-
#3054e4
#3054e4
rgb(48,84,228)
-
#4162e6
#4162e6
rgb(65,98,230)
-
#5371e9
#5371e9
rgb(83,113,233)
-
#647feb
#647feb
rgb(100,127,235)
-
#758ded
#758ded
rgb(117,141,237)
-
#879cef
#879cef
rgb(135,156,239)
-
#98aaf2
#98aaf2
rgb(152,170,242)
-
#a9b8f4
#a9b8f4
rgb(169,184,244)
-
#bbc7f6
#bbc7f6
rgb(187,199,246)
-
#ccd5f8
#ccd5f8
rgb(204,213,248)
-
#dee3fb
#dee3fb
rgb(222,227,251)
-
#eff2fd
#eff2fd
rgb(239,242,253)
Tones of #3054e4
A tone is produced by adding gray to any pure hue. In this case, #8a8a8a is the less saturated color, while #1e49f6 is the most saturated one.
-
#8a8a8a
#8a8a8a
rgb(138,138,138)
-
#818593
#818593
rgb(129,133,147)
-
#787f9c
#787f9c
rgb(120,127,156)
-
#6f7aa5
#6f7aa5
rgb(111,122,165)
-
#6674ae
#6674ae
rgb(102,116,174)
-
#5d6fb7
#5d6fb7
rgb(93,111,183)
-
#546ac0
#546ac0
rgb(84,106,192)
-
#4b64c9
#4b64c9
rgb(75,100,201)
-
#425fd2
#425fd2
rgb(66,95,210)
-
#3959db
#3959db
rgb(57,89,219)
-
#3054e4
#3054e4
rgb(48,84,228)
-
#274fed
#274fed
rgb(39,79,237)
-
#1e49f6
#1e49f6
rgb(30,73,246)
Color Blindness Simulator
Below, you can see how #3054e4 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.