#304add Color Information
In a RGB color space, hex #304add is composed of 18.8% red, 29% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 66.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 231 degrees, a saturation of 71.8% and a lightness of 52.7%. #304add color hex could be obtained by blending #6094ff with #0000bb. Closest websafe color is: #3333cc.
-
- R 19
- G 29
- B 87
-
- C 78
- M 67
- Y 0
- K 13
● #304add color description : Bright blue.
#304add Color Conversion
The hexadecimal color #304add has RGB values of R:48, G:74, B:221 and CMYK values of C:0.78, M:0.67, Y:0, K:0.13. Its decimal value is 3164893.
Hex triplet | 304add | #304add |
---|---|---|
RGB Decimal | 48, 74, 221 | rgb(48,74,221) |
RGB Percent | 18.8, 29, 86.7 | rgb(18.8%,29%,86.7%) |
CMYK | 78, 67, 0, 13 | |
HSL | 231°, 71.8, 52.7 | hsl(231,71.8%,52.7%) |
HSV (or HSB) | 231°, 78.3, 86.7 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 39.148, 42.429, -77.198 |
---|---|
XYZ | 16.716, 10.745, 69.596 |
xyY | 0.172, 0.111, 10.745 |
CIE-LCH | 39.148, 88.09, 298.794 |
CIE-LUV | 39.148, -12.683, -111.068 |
Hunter-Lab | 32.78, 33.661, -102.934 |
Binary | 00110000, 01001010, 11011101 |
Color Schemes with #304add
Alternatives to #304add
Below, you can see some colors close to #304add. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304add Preview
This text has a font color of #304add.
<span style="color:#304add;">Text here</span>
This paragraph has a background color of #304add.
<p style="background-color:#304add;">Content here</p>
This element has a border color of #304add.
<div style="border:1px solid #304add;">Content here</div>
.text {color:#304add;}
.background {background-color:#304add;}
.border {border:1px solid #304add;}
Shades and Tints of #304add
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, #02030c is the darkest color, while #fafbfe is the lightest one.
-
#02030c
#02030c
rgb(2,3,12)
-
#05081d
#05081d
rgb(5,8,29)
-
#080d2e
#080d2e
rgb(8,13,46)
-
#0a123f
#0a123f
rgb(10,18,63)
-
#0d174f
#0d174f
rgb(13,23,79)
-
#101c60
#101c60
rgb(16,28,96)
-
#132171
#132171
rgb(19,33,113)
-
#152682
#152682
rgb(21,38,130)
-
#182b93
#182b93
rgb(24,43,147)
-
#1b2fa4
#1b2fa4
rgb(27,47,164)
-
#1e34b5
#1e34b5
rgb(30,52,181)
-
#2039c5
#2039c5
rgb(32,57,197)
-
#233ed6
#233ed6
rgb(35,62,214)
-
#304add
#304add
rgb(48,74,221)
-
#4159e0
#4159e0
rgb(65,89,224)
-
#5267e3
#5267e3
rgb(82,103,227)
-
#6376e5
#6376e5
rgb(99,118,229)
-
#7385e8
#7385e8
rgb(115,133,232)
-
#8494eb
#8494eb
rgb(132,148,235)
-
#95a2ee
#95a2ee
rgb(149,162,238)
-
#a6b1f0
#a6b1f0
rgb(166,177,240)
-
#b7c0f3
#b7c0f3
rgb(183,192,243)
-
#c8cff6
#c8cff6
rgb(200,207,246)
-
#d8ddf9
#d8ddf9
rgb(216,221,249)
-
#e9ecfb
#e9ecfb
rgb(233,236,251)
-
#fafbfe
#fafbfe
rgb(250,251,254)
Tones of #304add
A tone is produced by adding gray to any pure hue. In this case, #83848a is the less saturated color, while #1437f9 is the most saturated one.
-
#83848a
#83848a
rgb(131,132,138)
-
#7a7e93
#7a7e93
rgb(122,126,147)
-
#71779c
#71779c
rgb(113,119,156)
-
#6871a5
#6871a5
rgb(104,113,165)
-
#5e6aaf
#5e6aaf
rgb(94,106,175)
-
#5564b8
#5564b8
rgb(85,100,184)
-
#4c5dc1
#4c5dc1
rgb(76,93,193)
-
#4357ca
#4357ca
rgb(67,87,202)
-
#3950d4
#3950d4
rgb(57,80,212)
-
#304add
#304add
rgb(48,74,221)
-
#2744e6
#2744e6
rgb(39,68,230)
-
#1d3df0
#1d3df0
rgb(29,61,240)
-
#1437f9
#1437f9
rgb(20,55,249)
Color Blindness Simulator
Below, you can see how #304add 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.