#304f96 Color Information
In a RGB color space, hex #304f96 is composed of 18.8% red, 31% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 47.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 221.8 degrees, a saturation of 51.5% and a lightness of 38.8%. #304f96 color hex could be obtained by blending #609eff with #00002d. Closest websafe color is: #336699.
-
- R 19
- G 31
- B 59
-
- C 68
- M 47
- Y 0
- K 41
● #304f96 color description : Dark moderate blue.
#304f96 Color Conversion
The hexadecimal color #304f96 has RGB values of R:48, G:79, B:150 and CMYK values of C:0.68, M:0.47, Y:0, K:0.41. Its decimal value is 3166102.
Hex triplet | 304f96 | #304f96 |
---|---|---|
RGB Decimal | 48, 79, 150 | rgb(48,79,150) |
RGB Percent | 18.8, 31, 58.8 | rgb(18.8%,31%,58.8%) |
CMYK | 68, 47, 0, 41 | |
HSL | 221.8°, 51.5, 38.8 | hsl(221.8,51.5%,38.8%) |
HSV (or HSB) | 221.8°, 68, 58.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 34.846, 13.029, -42.442 |
---|---|
XYZ | 9.519, 8.422, 29.976 |
xyY | 0.199, 0.176, 8.422 |
CIE-LCH | 34.846, 44.397, 287.065 |
CIE-LUV | 34.846, -13.227, -60.078 |
Hunter-Lab | 29.02, 7.763, -40.929 |
Binary | 00110000, 01001111, 10010110 |
Color Schemes with #304f96
Alternatives to #304f96
Below, you can see some colors close to #304f96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304f96 Preview
This text has a font color of #304f96.
<span style="color:#304f96;">Text here</span>
This paragraph has a background color of #304f96.
<p style="background-color:#304f96;">Content here</p>
This element has a border color of #304f96.
<div style="border:1px solid #304f96;">Content here</div>
.text {color:#304f96;}
.background {background-color:#304f96;}
.border {border:1px solid #304f96;}
Shades and Tints of #304f96
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, #000101 is the darkest color, while #f2f4fb is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#050910
#050910
rgb(5,9,16)
-
#0a101f
#0a101f
rgb(10,16,31)
-
#0f182e
#0f182e
rgb(15,24,46)
-
#13203d
#13203d
rgb(19,32,61)
-
#18284c
#18284c
rgb(24,40,76)
-
#1d305b
#1d305b
rgb(29,48,91)
-
#223869
#223869
rgb(34,56,105)
-
#263f78
#263f78
rgb(38,63,120)
-
#2b4787
#2b4787
rgb(43,71,135)
-
#304f96
#304f96
rgb(48,79,150)
-
#3557a5
#3557a5
rgb(53,87,165)
-
#3a5fb4
#3a5fb4
rgb(58,95,180)
-
#3f67c2
#3f67c2
rgb(63,103,194)
-
#4e73c6
#4e73c6
rgb(78,115,198)
-
#5d7ecb
#5d7ecb
rgb(93,126,203)
-
#6c8ad0
#6c8ad0
rgb(108,138,208)
-
#7b96d5
#7b96d5
rgb(123,150,213)
-
#8aa2d9
#8aa2d9
rgb(138,162,217)
-
#98aede
#98aede
rgb(152,174,222)
-
#a7b9e3
#a7b9e3
rgb(167,185,227)
-
#b6c5e8
#b6c5e8
rgb(182,197,232)
-
#c5d1ec
#c5d1ec
rgb(197,209,236)
-
#d4ddf1
#d4ddf1
rgb(212,221,241)
-
#e3e9f6
#e3e9f6
rgb(227,233,246)
-
#f2f4fb
#f2f4fb
rgb(242,244,251)
Tones of #304f96
A tone is produced by adding gray to any pure hue. In this case, #5e6168 is the less saturated color, while #023dc4 is the most saturated one.
-
#5e6168
#5e6168
rgb(94,97,104)
-
#565e70
#565e70
rgb(86,94,112)
-
#4e5b78
#4e5b78
rgb(78,91,120)
-
#47587f
#47587f
rgb(71,88,127)
-
#3f5587
#3f5587
rgb(63,85,135)
-
#38528e
#38528e
rgb(56,82,142)
-
#304f96
#304f96
rgb(48,79,150)
-
#284c9e
#284c9e
rgb(40,76,158)
-
#2149a5
#2149a5
rgb(33,73,165)
-
#1946ad
#1946ad
rgb(25,70,173)
-
#1243b4
#1243b4
rgb(18,67,180)
-
#0a40bc
#0a40bc
rgb(10,64,188)
-
#023dc4
#023dc4
rgb(2,61,196)
Color Blindness Simulator
Below, you can see how #304f96 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.