#304cfe Color Information
In a RGB color space, hex #304cfe is composed of 18.8% red, 29.8% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 70.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 231.8 degrees, a saturation of 99% and a lightness of 59.2%. #304cfe color hex could be obtained by blending #6098ff with #0000fd. Closest websafe color is: #3333ff.
-
- R 19
- G 30
- B 100
-
- C 81
- M 70
- Y 0
- K 0
● #304cfe color description : Bright blue.
#304cfe Color Conversion
The hexadecimal color #304cfe has RGB values of R:48, G:76, B:254 and CMYK values of C:0.81, M:0.7, Y:0, K:0. Its decimal value is 3165438.
Hex triplet | 304cfe | #304cfe |
---|---|---|
RGB Decimal | 48, 76, 254 | rgb(48,76,254) |
RGB Percent | 18.8, 29.8, 99.6 | rgb(18.8%,29.8%,99.6%) |
CMYK | 81, 70, 0, 0 | |
HSL | 231.8°, 99, 59.2 | hsl(231.8,99%,59.2%) |
HSV (or HSB) | 231.8°, 81.1, 99.6 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 42.69, 52.568, -89.999 |
---|---|
XYZ | 21.689, 12.951, 95.117 |
xyY | 0.167, 0.1, 12.951 |
CIE-LCH | 42.69, 104.227, 300.289 |
CIE-LUV | 42.69, -13.753, -130.873 |
Hunter-Lab | 35.988, 44.598, -131.513 |
Binary | 00110000, 01001100, 11111110 |
Color Schemes with #304cfe
Alternatives to #304cfe
Below, you can see some colors close to #304cfe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304cfe Preview
This text has a font color of #304cfe.
<span style="color:#304cfe;">Text here</span>
This paragraph has a background color of #304cfe.
<p style="background-color:#304cfe;">Content here</p>
This element has a border color of #304cfe.
<div style="border:1px solid #304cfe;">Content here</div>
.text {color:#304cfe;}
.background {background-color:#304cfe;}
.border {border:1px solid #304cfe;}
Shades and Tints of #304cfe
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, #000108 is the darkest color, while #f3f5ff is the lightest one.
-
#000108
#000108
rgb(0,1,8)
-
#00041b
#00041b
rgb(0,4,27)
-
#00072f
#00072f
rgb(0,7,47)
-
#000942
#000942
rgb(0,9,66)
-
#000c56
#000c56
rgb(0,12,86)
-
#010f69
#010f69
rgb(1,15,105)
-
#01117d
#01117d
rgb(1,17,125)
-
#011490
#011490
rgb(1,20,144)
-
#0117a4
#0117a4
rgb(1,23,164)
-
#011ab7
#011ab7
rgb(1,26,183)
-
#011ccb
#011ccb
rgb(1,28,203)
-
#011fde
#011fde
rgb(1,31,222)
-
#0122f2
#0122f2
rgb(1,34,242)
-
#092afe
#092afe
rgb(9,42,254)
-
#1c3bfe
#1c3bfe
rgb(28,59,254)
-
#304cfe
#304cfe
rgb(48,76,254)
-
#445dfe
#445dfe
rgb(68,93,254)
-
#576efe
#576efe
rgb(87,110,254)
-
#6b7ffe
#6b7ffe
rgb(107,127,254)
-
#7e90fe
#7e90fe
rgb(126,144,254)
-
#92a0fe
#92a0fe
rgb(146,160,254)
-
#a5b1ff
#a5b1ff
rgb(165,177,255)
-
#b9c2ff
#b9c2ff
rgb(185,194,255)
-
#ccd3ff
#ccd3ff
rgb(204,211,255)
-
#e0e4ff
#e0e4ff
rgb(224,228,255)
-
#f3f5ff
#f3f5ff
rgb(243,245,255)
Tones of #304cfe
A tone is produced by adding gray to any pure hue. In this case, #90929e is the less saturated color, while #304cfe is the most saturated one.
-
#90929e
#90929e
rgb(144,146,158)
-
#888ca6
#888ca6
rgb(136,140,166)
-
#8086ae
#8086ae
rgb(128,134,174)
-
#7880b6
#7880b6
rgb(120,128,182)
-
#707bbe
#707bbe
rgb(112,123,190)
-
#6875c6
#6875c6
rgb(104,117,198)
-
#606fce
#606fce
rgb(96,111,206)
-
#5869d6
#5869d6
rgb(88,105,214)
-
#5063de
#5063de
rgb(80,99,222)
-
#485de6
#485de6
rgb(72,93,230)
-
#4058ee
#4058ee
rgb(64,88,238)
-
#3852f6
#3852f6
rgb(56,82,246)
-
#304cfe
#304cfe
rgb(48,76,254)
Color Blindness Simulator
Below, you can see how #304cfe 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.