#304fc4 Color Information
In a RGB color space, hex #304fc4 is composed of 18.8% red, 31% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 59.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 227.4 degrees, a saturation of 60.7% and a lightness of 47.8%. #304fc4 color hex could be obtained by blending #609eff with #000089. Closest websafe color is: #3366cc.
-
- R 19
- G 31
- B 77
-
- C 76
- M 60
- Y 0
- K 23
● #304fc4 color description : Strong blue.
#304fc4 Color Conversion
The hexadecimal color #304fc4 has RGB values of R:48, G:79, B:196 and CMYK values of C:0.76, M:0.6, Y:0, K:0.23. Its decimal value is 3166148.
Hex triplet | 304fc4 | #304fc4 |
---|---|---|
RGB Decimal | 48, 79, 196 | rgb(48,79,196) |
RGB Percent | 18.8, 31, 76.9 | rgb(18.8%,31%,76.9%) |
CMYK | 76, 60, 0, 23 | |
HSL | 227.4°, 60.7, 47.8 | hsl(227.4,60.7%,47.8%) |
HSV (or HSB) | 227.4°, 75.5, 76.9 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 38.208, 30.257, -64.314 |
---|---|
XYZ | 13.977, 10.205, 53.455 |
xyY | 0.18, 0.131, 10.205 |
CIE-LCH | 38.208, 71.076, 295.195 |
CIE-LUV | 38.208, -13.455, -93.292 |
Hunter-Lab | 31.945, 22.193, -76.85 |
Binary | 00110000, 01001111, 11000100 |
Color Schemes with #304fc4
Alternatives to #304fc4
Below, you can see some colors close to #304fc4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304fc4 Preview
This text has a font color of #304fc4.
<span style="color:#304fc4;">Text here</span>
This paragraph has a background color of #304fc4.
<p style="background-color:#304fc4;">Content here</p>
This element has a border color of #304fc4.
<div style="border:1px solid #304fc4;">Content here</div>
.text {color:#304fc4;}
.background {background-color:#304fc4;}
.border {border:1px solid #304fc4;}
Shades and Tints of #304fc4
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, #020307 is the darkest color, while #f6f8fd is the lightest one.
-
#020307
#020307
rgb(2,3,7)
-
#060917
#060917
rgb(6,9,23)
-
#090f26
#090f26
rgb(9,15,38)
-
#0d1636
#0d1636
rgb(13,22,54)
-
#111c46
#111c46
rgb(17,28,70)
-
#152356
#152356
rgb(21,35,86)
-
#192965
#192965
rgb(25,41,101)
-
#1d2f75
#1d2f75
rgb(29,47,117)
-
#213685
#213685
rgb(33,54,133)
-
#243c95
#243c95
rgb(36,60,149)
-
#2842a4
#2842a4
rgb(40,66,164)
-
#2c49b4
#2c49b4
rgb(44,73,180)
-
#304fc4
#304fc4
rgb(48,79,196)
-
#3958cf
#3958cf
rgb(57,88,207)
-
#4966d2
#4966d2
rgb(73,102,210)
-
#5973d6
#5973d6
rgb(89,115,214)
-
#6880da
#6880da
rgb(104,128,218)
-
#788dde
#788dde
rgb(120,141,222)
-
#889be2
#889be2
rgb(136,155,226)
-
#98a8e6
#98a8e6
rgb(152,168,230)
-
#a7b5ea
#a7b5ea
rgb(167,181,234)
-
#b7c3ed
#b7c3ed
rgb(183,195,237)
-
#c7d0f1
#c7d0f1
rgb(199,208,241)
-
#d7ddf5
#d7ddf5
rgb(215,221,245)
-
#e6eaf9
#e6eaf9
rgb(230,234,249)
-
#f6f8fd
#f6f8fd
rgb(246,248,253)
Tones of #304fc4
A tone is produced by adding gray to any pure hue. In this case, #727582 is the less saturated color, while #0134f3 is the most saturated one.
-
#727582
#727582
rgb(114,117,130)
-
#68708c
#68708c
rgb(104,112,140)
-
#5f6a95
#5f6a95
rgb(95,106,149)
-
#56659e
#56659e
rgb(86,101,158)
-
#4c5fa8
#4c5fa8
rgb(76,95,168)
-
#435ab1
#435ab1
rgb(67,90,177)
-
#3954bb
#3954bb
rgb(57,84,187)
-
#304fc4
#304fc4
rgb(48,79,196)
-
#274acd
#274acd
rgb(39,74,205)
-
#1d44d7
#1d44d7
rgb(29,68,215)
-
#143fe0
#143fe0
rgb(20,63,224)
-
#0a39ea
#0a39ea
rgb(10,57,234)
-
#0134f3
#0134f3
rgb(1,52,243)
Color Blindness Simulator
Below, you can see how #304fc4 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.