#304f97 Color Information
In a RGB color space, hex #304f97 is composed of 18.8% red, 31% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 47.7% magenta, 0% yellow and 40.8% black. It has a hue angle of 221.9 degrees, a saturation of 51.8% and a lightness of 39%. #304f97 color hex could be obtained by blending #609eff with #00002f. Closest websafe color is: #336699.
-
- R 19
- G 31
- B 59
-
- C 68
- M 48
- Y 0
- K 41
● #304f97 color description : Dark moderate blue.
#304f97 Color Conversion
The hexadecimal color #304f97 has RGB values of R:48, G:79, B:151 and CMYK values of C:0.68, M:0.48, Y:0, K:0.41. Its decimal value is 3166103.
Hex triplet | 304f97 | #304f97 |
---|---|---|
RGB Decimal | 48, 79, 151 | rgb(48,79,151) |
RGB Percent | 18.8, 31, 59.2 | rgb(18.8%,31%,59.2%) |
CMYK | 68, 48, 0, 41 | |
HSL | 221.9°, 51.8, 39 | hsl(221.9,51.8%,39%) |
HSV (or HSB) | 221.9°, 68.2, 59.2 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 34.911, 13.404, -42.943 |
---|---|
XYZ | 9.6, 8.454, 30.402 |
xyY | 0.198, 0.174, 8.454 |
CIE-LCH | 34.911, 44.987, 287.335 |
CIE-LUV | 34.911, -13.226, -60.844 |
Hunter-Lab | 29.076, 8.05, -41.642 |
Binary | 00110000, 01001111, 10010111 |
Color Schemes with #304f97
Alternatives to #304f97
Below, you can see some colors close to #304f97. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304f97 Preview
This text has a font color of #304f97.
<span style="color:#304f97;">Text here</span>
This paragraph has a background color of #304f97.
<p style="background-color:#304f97;">Content here</p>
This element has a border color of #304f97.
<div style="border:1px solid #304f97;">Content here</div>
.text {color:#304f97;}
.background {background-color:#304f97;}
.border {border:1px solid #304f97;}
Shades and Tints of #304f97
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, #010102 is the darkest color, while #f2f5fb is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#050911
#050911
rgb(5,9,17)
-
#0a1120
#0a1120
rgb(10,17,32)
-
#0f182f
#0f182f
rgb(15,24,47)
-
#14203e
#14203e
rgb(20,32,62)
-
#18284d
#18284d
rgb(24,40,77)
-
#1d305b
#1d305b
rgb(29,48,91)
-
#22386a
#22386a
rgb(34,56,106)
-
#273f79
#273f79
rgb(39,63,121)
-
#2b4788
#2b4788
rgb(43,71,136)
-
#304f97
#304f97
rgb(48,79,151)
-
#3557a6
#3557a6
rgb(53,87,166)
-
#395fb5
#395fb5
rgb(57,95,181)
-
#4067c2
#4067c2
rgb(64,103,194)
-
#4f73c7
#4f73c7
rgb(79,115,199)
-
#5d7fcc
#5d7fcc
rgb(93,127,204)
-
#6c8ad0
#6c8ad0
rgb(108,138,208)
-
#7b96d5
#7b96d5
rgb(123,150,213)
-
#8aa2da
#8aa2da
rgb(138,162,218)
-
#99aedf
#99aedf
rgb(153,174,223)
-
#a8bae3
#a8bae3
rgb(168,186,227)
-
#b7c6e8
#b7c6e8
rgb(183,198,232)
-
#c6d1ed
#c6d1ed
rgb(198,209,237)
-
#d5ddf1
#d5ddf1
rgb(213,221,241)
-
#e3e9f6
#e3e9f6
rgb(227,233,246)
-
#f2f5fb
#f2f5fb
rgb(242,245,251)
Tones of #304f97
A tone is produced by adding gray to any pure hue. In this case, #5e6169 is the less saturated color, while #023dc5 is the most saturated one.
-
#5e6169
#5e6169
rgb(94,97,105)
-
#565e71
#565e71
rgb(86,94,113)
-
#4f5b78
#4f5b78
rgb(79,91,120)
-
#475880
#475880
rgb(71,88,128)
-
#3f5588
#3f5588
rgb(63,85,136)
-
#38528f
#38528f
rgb(56,82,143)
-
#304f97
#304f97
rgb(48,79,151)
-
#284c9f
#284c9f
rgb(40,76,159)
-
#2149a6
#2149a6
rgb(33,73,166)
-
#1946ae
#1946ae
rgb(25,70,174)
-
#1143b6
#1143b6
rgb(17,67,182)
-
#0a40bd
#0a40bd
rgb(10,64,189)
-
#023dc5
#023dc5
rgb(2,61,197)
Color Blindness Simulator
Below, you can see how #304f97 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.