#304fac Color Information
In a RGB color space, hex #304fac is composed of 18.8% red, 31% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 54.1% magenta, 0% yellow and 32.5% black. It has a hue angle of 225 degrees, a saturation of 56.4% and a lightness of 43.1%. #304fac color hex could be obtained by blending #609eff with #000059. Closest websafe color is: #336699.
-
- R 19
- G 31
- B 67
-
- C 72
- M 54
- Y 0
- K 33
● #304fac color description : Dark blue.
#304fac Color Conversion
The hexadecimal color #304fac has RGB values of R:48, G:79, B:172 and CMYK values of C:0.72, M:0.54, Y:0, K:0.33. Its decimal value is 3166124.
Hex triplet | 304fac | #304fac |
---|---|---|
RGB Decimal | 48, 79, 172 | rgb(48,79,172) |
RGB Percent | 18.8, 31, 67.5 | rgb(18.8%,31%,67.5%) |
CMYK | 72, 54, 0, 33 | |
HSL | 225°, 56.4, 43.1 | hsl(225,56.4%,43.1%) |
HSV (or HSB) | 225°, 72.1, 67.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 36.363, 21.308, -53.196 |
---|---|
XYZ | 11.46, 9.198, 40.199 |
xyY | 0.188, 0.151, 9.198 |
CIE-LCH | 36.363, 57.304, 291.829 |
CIE-LUV | 36.363, -13.276, -76.469 |
Hunter-Lab | 30.328, 14.372, -57.356 |
Binary | 00110000, 01001111, 10101100 |
Color Schemes with #304fac
Alternatives to #304fac
Below, you can see some colors close to #304fac. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304fac Preview
This text has a font color of #304fac.
<span style="color:#304fac;">Text here</span>
This paragraph has a background color of #304fac.
<p style="background-color:#304fac;">Content here</p>
This element has a border color of #304fac.
<div style="border:1px solid #304fac;">Content here</div>
.text {color:#304fac;}
.background {background-color:#304fac;}
.border {border:1px solid #304fac;}
Shades and Tints of #304fac
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, #010203 is the darkest color, while #f3f5fc is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#050913
#050913
rgb(5,9,19)
-
#091022
#091022
rgb(9,16,34)
-
#0e1731
#0e1731
rgb(14,23,49)
-
#121e41
#121e41
rgb(18,30,65)
-
#162550
#162550
rgb(22,37,80)
-
#1b2c5f
#1b2c5f
rgb(27,44,95)
-
#1f336f
#1f336f
rgb(31,51,111)
-
#233a7e
#233a7e
rgb(35,58,126)
-
#27418d
#27418d
rgb(39,65,141)
-
#2c489d
#2c489d
rgb(44,72,157)
-
#304fac
#304fac
rgb(48,79,172)
-
#3456bb
#3456bb
rgb(52,86,187)
-
#3b5ec8
#3b5ec8
rgb(59,94,200)
-
#4a6bcd
#4a6bcd
rgb(74,107,205)
-
#5a77d1
#5a77d1
rgb(90,119,209)
-
#6984d5
#6984d5
rgb(105,132,213)
-
#7891d9
#7891d9
rgb(120,145,217)
-
#889dde
#889dde
rgb(136,157,222)
-
#97aae2
#97aae2
rgb(151,170,226)
-
#a6b6e6
#a6b6e6
rgb(166,182,230)
-
#b6c3eb
#b6c3eb
rgb(182,195,235)
-
#c5cfef
#c5cfef
rgb(197,207,239)
-
#d4dcf3
#d4dcf3
rgb(212,220,243)
-
#e4e9f7
#e4e9f7
rgb(228,233,247)
-
#f3f5fc
#f3f5fc
rgb(243,245,252)
Tones of #304fac
A tone is produced by adding gray to any pure hue. In this case, #6b6d71 is the less saturated color, while #063ad6 is the most saturated one.
-
#6b6d71
#6b6d71
rgb(107,109,113)
-
#636879
#636879
rgb(99,104,121)
-
#5a6482
#5a6482
rgb(90,100,130)
-
#52608a
#52608a
rgb(82,96,138)
-
#495c93
#495c93
rgb(73,92,147)
-
#41579b
#41579b
rgb(65,87,155)
-
#3853a4
#3853a4
rgb(56,83,164)
-
#304fac
#304fac
rgb(48,79,172)
-
#284bb4
#284bb4
rgb(40,75,180)
-
#1f47bd
#1f47bd
rgb(31,71,189)
-
#1742c5
#1742c5
rgb(23,66,197)
-
#0e3ece
#0e3ece
rgb(14,62,206)
-
#063ad6
#063ad6
rgb(6,58,214)
Color Blindness Simulator
Below, you can see how #304fac 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.