#304a75 Color Information
In a RGB color space, hex #304a75 is composed of 18.8% red, 29% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 36.8% magenta, 0% yellow and 54.1% black. It has a hue angle of 217.4 degrees, a saturation of 41.8% and a lightness of 32.4%. #304a75 color hex could be obtained by blending #6094ea with #000000. Closest websafe color is: #333366.
-
- R 19
- G 29
- B 46
-
- C 59
- M 37
- Y 0
- K 54
● #304a75 color description : Dark moderate blue.
#304a75 Color Conversion
The hexadecimal color #304a75 has RGB values of R:48, G:74, B:117 and CMYK values of C:0.59, M:0.37, Y:0, K:0.54. Its decimal value is 3164789.
Hex triplet | 304a75 | #304a75 |
---|---|---|
RGB Decimal | 48, 74, 117 | rgb(48,74,117) |
RGB Percent | 18.8, 29, 45.9 | rgb(18.8%,29%,45.9%) |
CMYK | 59, 37, 0, 54 | |
HSL | 217.4°, 41.8, 32.4 | hsl(217.4,41.8%,32.4%) |
HSV (or HSB) | 217.4°, 59, 45.9 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 31.37, 4.175, -27.645 |
---|---|
XYZ | 6.878, 6.81, 17.781 |
xyY | 0.219, 0.216, 6.81 |
CIE-LCH | 31.37, 27.959, 278.589 |
CIE-LUV | 31.37, -11.582, -37.056 |
Hunter-Lab | 26.096, 1.378, -22.131 |
Binary | 00110000, 01001010, 01110101 |
Color Schemes with #304a75
Alternatives to #304a75
Below, you can see some colors close to #304a75. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304a75 Preview
This text has a font color of #304a75.
<span style="color:#304a75;">Text here</span>
This paragraph has a background color of #304a75.
<p style="background-color:#304a75;">Content here</p>
This element has a border color of #304a75.
<div style="border:1px solid #304a75;">Content here</div>
.text {color:#304a75;}
.background {background-color:#304a75;}
.border {border:1px solid #304a75;}
Shades and Tints of #304a75
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)
-
#080c14
#080c14
rgb(8,12,20)
-
#0e1522
#0e1522
rgb(14,21,34)
-
#131e2f
#131e2f
rgb(19,30,47)
-
#19273d
#19273d
rgb(25,39,61)
-
#1f304b
#1f304b
rgb(31,48,75)
-
#253859
#253859
rgb(37,56,89)
-
#2a4167
#2a4167
rgb(42,65,103)
-
#304a75
#304a75
rgb(48,74,117)
-
#365383
#365383
rgb(54,83,131)
-
#3b5c91
#3b5c91
rgb(59,92,145)
-
#41649f
#41649f
rgb(65,100,159)
-
#476dad
#476dad
rgb(71,109,173)
-
#5077b7
#5077b7
rgb(80,119,183)
-
#5e82bd
#5e82bd
rgb(94,130,189)
-
#6c8cc3
#6c8cc3
rgb(108,140,195)
-
#7a97c8
#7a97c8
rgb(122,151,200)
-
#88a2ce
#88a2ce
rgb(136,162,206)
-
#95add4
#95add4
rgb(149,173,212)
-
#a3b8d9
#a3b8d9
rgb(163,184,217)
-
#b1c3df
#b1c3df
rgb(177,195,223)
-
#bfcde5
#bfcde5
rgb(191,205,229)
-
#cdd8eb
#cdd8eb
rgb(205,216,235)
-
#dbe3f0
#dbe3f0
rgb(219,227,240)
-
#e9eef6
#e9eef6
rgb(233,238,246)
-
#f7f9fc
#f7f9fc
rgb(247,249,252)
Tones of #304a75
A tone is produced by adding gray to any pure hue. In this case, #505255 is the less saturated color, while #043fa1 is the most saturated one.
-
#505255
#505255
rgb(80,82,85)
-
#49505c
#49505c
rgb(73,80,92)
-
#434f62
#434f62
rgb(67,79,98)
-
#3d4d68
#3d4d68
rgb(61,77,104)
-
#364c6f
#364c6f
rgb(54,76,111)
-
#304a75
#304a75
rgb(48,74,117)
-
#2a487b
#2a487b
rgb(42,72,123)
-
#234782
#234782
rgb(35,71,130)
-
#1d4588
#1d4588
rgb(29,69,136)
-
#17448e
#17448e
rgb(23,68,142)
-
#104295
#104295
rgb(16,66,149)
-
#0a419b
#0a419b
rgb(10,65,155)
-
#043fa1
#043fa1
rgb(4,63,161)
Color Blindness Simulator
Below, you can see how #304a75 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.