#304cf2 Color Information
In a RGB color space, hex #304cf2 is composed of 18.8% red, 29.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 68.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 231.3 degrees, a saturation of 88.2% and a lightness of 56.9%. #304cf2 color hex could be obtained by blending #6098ff with #0000e5. Closest websafe color is: #3333ff.
-
- R 19
- G 30
- B 95
-
- C 80
- M 69
- Y 0
- K 5
● #304cf2 color description : Bright blue.
#304cf2 Color Conversion
The hexadecimal color #304cf2 has RGB values of R:48, G:76, B:242 and CMYK values of C:0.8, M:0.69, Y:0, K:0.05. Its decimal value is 3165426.
Hex triplet | 304cf2 | #304cf2 |
---|---|---|
RGB Decimal | 48, 76, 242 | rgb(48,76,242) |
RGB Percent | 18.8, 29.8, 94.9 | rgb(18.8%,29.8%,94.9%) |
CMYK | 80, 69, 0, 5 | |
HSL | 231.3°, 88.2, 56.9 | hsl(231.3,88.2%,56.9%) |
HSV (or HSB) | 231.3°, 80.2, 94.9 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 41.543, 48.507, -85.167 |
---|---|
XYZ | 19.827, 12.207, 85.311 |
xyY | 0.169, 0.104, 12.207 |
CIE-LCH | 41.543, 98.012, 299.664 |
CIE-LUV | 41.543, -13.502, -123.628 |
Hunter-Lab | 34.938, 40.156, -120.316 |
Binary | 00110000, 01001100, 11110010 |
Color Schemes with #304cf2
Alternatives to #304cf2
Below, you can see some colors close to #304cf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304cf2 Preview
This text has a font color of #304cf2.
<span style="color:#304cf2;">Text here</span>
This paragraph has a background color of #304cf2.
<p style="background-color:#304cf2;">Content here</p>
This element has a border color of #304cf2.
<div style="border:1px solid #304cf2;">Content here</div>
.text {color:#304cf2;}
.background {background-color:#304cf2;}
.border {border:1px solid #304cf2;}
Shades and Tints of #304cf2
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, #01030e is the darkest color, while #fbfcff is the lightest one.
-
#01030e
#01030e
rgb(1,3,14)
-
#020721
#020721
rgb(2,7,33)
-
#030a33
#030a33
rgb(3,10,51)
-
#040e46
#040e46
rgb(4,14,70)
-
#061158
#061158
rgb(6,17,88)
-
#07156b
#07156b
rgb(7,21,107)
-
#08197d
#08197d
rgb(8,25,125)
-
#091c90
#091c90
rgb(9,28,144)
-
#0a20a2
#0a20a2
rgb(10,32,162)
-
#0b24b5
#0b24b5
rgb(11,36,181)
-
#0d27c7
#0d27c7
rgb(13,39,199)
-
#0e2bd9
#0e2bd9
rgb(14,43,217)
-
#0f2fec
#0f2fec
rgb(15,47,236)
-
#1e3cf1
#1e3cf1
rgb(30,60,241)
-
#304cf2
#304cf2
rgb(48,76,242)
-
#425cf3
#425cf3
rgb(66,92,243)
-
#556cf4
#556cf4
rgb(85,108,244)
-
#677cf5
#677cf5
rgb(103,124,245)
-
#7a8cf7
#7a8cf7
rgb(122,140,247)
-
#8c9cf8
#8c9cf8
rgb(140,156,248)
-
#9facf9
#9facf9
rgb(159,172,249)
-
#b1bcfa
#b1bcfa
rgb(177,188,250)
-
#c4ccfb
#c4ccfb
rgb(196,204,251)
-
#d6dcfc
#d6dcfc
rgb(214,220,252)
-
#e9ecfe
#e9ecfe
rgb(233,236,254)
-
#fbfcff
#fbfcff
rgb(251,252,255)
Tones of #304cf2
A tone is produced by adding gray to any pure hue. In this case, #8d8e95 is the less saturated color, while #2846fa is the most saturated one.
-
#8d8e95
#8d8e95
rgb(141,142,149)
-
#85889d
#85889d
rgb(133,136,157)
-
#7c82a6
#7c82a6
rgb(124,130,166)
-
#747cae
#747cae
rgb(116,124,174)
-
#6b76b7
#6b76b7
rgb(107,118,183)
-
#6370bf
#6370bf
rgb(99,112,191)
-
#5a6ac8
#5a6ac8
rgb(90,106,200)
-
#5264d0
#5264d0
rgb(82,100,208)
-
#495ed9
#495ed9
rgb(73,94,217)
-
#4158e1
#4158e1
rgb(65,88,225)
-
#3852ea
#3852ea
rgb(56,82,234)
-
#304cf2
#304cf2
rgb(48,76,242)
-
#2846fa
#2846fa
rgb(40,70,250)
Color Blindness Simulator
Below, you can see how #304cf2 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.