#304f89 Color Information
In a RGB color space, hex #304f89 is composed of 18.8% red, 31% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 42.3% magenta, 0% yellow and 46.3% black. It has a hue angle of 219.1 degrees, a saturation of 48.1% and a lightness of 36.3%. #304f89 color hex could be obtained by blending #609eff with #000013. Closest websafe color is: #336699.
-
- R 19
- G 31
- B 54
-
- C 65
- M 42
- Y 0
- K 46
● #304f89 color description : Dark moderate blue.
#304f89 Color Conversion
The hexadecimal color #304f89 has RGB values of R:48, G:79, B:137 and CMYK values of C:0.65, M:0.42, Y:0, K:0.46. Its decimal value is 3166089.
Hex triplet | 304f89 | #304f89 |
---|---|---|
RGB Decimal | 48, 79, 137 | rgb(48,79,137) |
RGB Percent | 18.8, 31, 53.7 | rgb(18.8%,31%,53.7%) |
CMYK | 65, 42, 0, 46 | |
HSL | 219.1°, 48.1, 36.3 | hsl(219.1,48.1%,36.3%) |
HSV (or HSB) | 219.1°, 65, 53.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 34.037, 8.176, -35.813 |
---|---|
XYZ | 8.529, 8.026, 24.765 |
xyY | 0.206, 0.194, 8.026 |
CIE-LCH | 34.037, 36.734, 282.86 |
CIE-LUV | 34.037, -13.253, -49.947 |
Hunter-Lab | 28.33, 4.163, -31.998 |
Binary | 00110000, 01001111, 10001001 |
Color Schemes with #304f89
Alternatives to #304f89
Below, you can see some colors close to #304f89. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304f89 Preview
This text has a font color of #304f89.
<span style="color:#304f89;">Text here</span>
This paragraph has a background color of #304f89.
<p style="background-color:#304f89;">Content here</p>
This element has a border color of #304f89.
<div style="border:1px solid #304f89;">Content here</div>
.text {color:#304f89;}
.background {background-color:#304f89;}
.border {border:1px solid #304f89;}
Shades and Tints of #304f89
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, #020406 is the darkest color, while #f7f9fc is the lightest one.
-
#020406
#020406
rgb(2,4,6)
-
#070c15
#070c15
rgb(7,12,21)
-
#0c1423
#0c1423
rgb(12,20,35)
-
#111d32
#111d32
rgb(17,29,50)
-
#172540
#172540
rgb(23,37,64)
-
#1c2d4f
#1c2d4f
rgb(28,45,79)
-
#21365d
#21365d
rgb(33,54,93)
-
#263e6c
#263e6c
rgb(38,62,108)
-
#2b477a
#2b477a
rgb(43,71,122)
-
#304f89
#304f89
rgb(48,79,137)
-
#355798
#355798
rgb(53,87,152)
-
#3a60a6
#3a60a6
rgb(58,96,166)
-
#3f68b5
#3f68b5
rgb(63,104,181)
-
#4872bf
#4872bf
rgb(72,114,191)
-
#577dc4
#577dc4
rgb(87,125,196)
-
#6588c9
#6588c9
rgb(101,136,201)
-
#7493ce
#7493ce
rgb(116,147,206)
-
#839fd3
#839fd3
rgb(131,159,211)
-
#91aad8
#91aad8
rgb(145,170,216)
-
#a0b5de
#a0b5de
rgb(160,181,222)
-
#aec0e3
#aec0e3
rgb(174,192,227)
-
#bdcce8
#bdcce8
rgb(189,204,232)
-
#cbd7ed
#cbd7ed
rgb(203,215,237)
-
#dae2f2
#dae2f2
rgb(218,226,242)
-
#e8edf7
#e8edf7
rgb(232,237,247)
-
#f7f9fc
#f7f9fc
rgb(247,249,252)
Tones of #304f89
A tone is produced by adding gray to any pure hue. In this case, #5b5c5e is the less saturated color, while #0542b4 is the most saturated one.
-
#5b5c5e
#5b5c5e
rgb(91,92,94)
-
#545a65
#545a65
rgb(84,90,101)
-
#4c586d
#4c586d
rgb(76,88,109)
-
#455574
#455574
rgb(69,85,116)
-
#3e537b
#3e537b
rgb(62,83,123)
-
#375182
#375182
rgb(55,81,130)
-
#304f89
#304f89
rgb(48,79,137)
-
#294d90
#294d90
rgb(41,77,144)
-
#224b97
#224b97
rgb(34,75,151)
-
#1b499e
#1b499e
rgb(27,73,158)
-
#1446a5
#1446a5
rgb(20,70,165)
-
#0c44ad
#0c44ad
rgb(12,68,173)
-
#0542b4
#0542b4
rgb(5,66,180)
Color Blindness Simulator
Below, you can see how #304f89 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.