#304a9e Color Information
In a RGB color space, hex #304a9e is composed of 18.8% red, 29% green and 62% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 53.2% magenta, 0% yellow and 38% black. It has a hue angle of 225.8 degrees, a saturation of 53.4% and a lightness of 40.4%. #304a9e color hex could be obtained by blending #6094ff with #00003d. Closest websafe color is: #333399.
-
- R 19
- G 29
- B 62
-
- C 70
- M 53
- Y 0
- K 38
● #304a9e color description : Dark moderate blue.
#304a9e Color Conversion
The hexadecimal color #304a9e has RGB values of R:48, G:74, B:158 and CMYK values of C:0.7, M:0.53, Y:0, K:0.38. Its decimal value is 3164830.
Hex triplet | 304a9e | #304a9e |
---|---|---|
RGB Decimal | 48, 74, 158 | rgb(48,74,158) |
RGB Percent | 18.8, 29, 62 | rgb(18.8%,29%,62%) |
CMYK | 70, 53, 0, 38 | |
HSL | 225.8°, 53.4, 40.4 | hsl(225.8,53.4%,40.4%) |
HSV (or HSB) | 225.8°, 69.6, 62 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 33.97, 19.372, -48.688 |
---|---|
XYZ | 9.838, 7.994, 33.37 |
xyY | 0.192, 0.156, 7.994 |
CIE-LCH | 33.97, 52.4, 291.696 |
CIE-LUV | 33.97, -11.764, -68.599 |
Hunter-Lab | 28.274, 12.631, -50.187 |
Binary | 00110000, 01001010, 10011110 |
Color Schemes with #304a9e
Alternatives to #304a9e
Below, you can see some colors close to #304a9e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304a9e Preview
This text has a font color of #304a9e.
<span style="color:#304a9e;">Text here</span>
This paragraph has a background color of #304a9e.
<p style="background-color:#304a9e;">Content here</p>
This element has a border color of #304a9e.
<div style="border:1px solid #304a9e;">Content here</div>
.text {color:#304a9e;}
.background {background-color:#304a9e;}
.border {border:1px solid #304a9e;}
Shades and Tints of #304a9e
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, #020408 is the darkest color, while #f8f9fd is the lightest one.
-
#020408
#020408
rgb(2,4,8)
-
#070b17
#070b17
rgb(7,11,23)
-
#0b1226
#0b1226
rgb(11,18,38)
-
#101935
#101935
rgb(16,25,53)
-
#152044
#152044
rgb(21,32,68)
-
#192753
#192753
rgb(25,39,83)
-
#1e2e62
#1e2e62
rgb(30,46,98)
-
#223571
#223571
rgb(34,53,113)
-
#273c80
#273c80
rgb(39,60,128)
-
#2b438f
#2b438f
rgb(43,67,143)
-
#304a9e
#304a9e
rgb(48,74,158)
-
#3551ad
#3551ad
rgb(53,81,173)
-
#3958bc
#3958bc
rgb(57,88,188)
-
#4362c6
#4362c6
rgb(67,98,198)
-
#526eca
#526eca
rgb(82,110,202)
-
#617bcf
#617bcf
rgb(97,123,207)
-
#7088d4
#7088d4
rgb(112,136,212)
-
#7f94d8
#7f94d8
rgb(127,148,216)
-
#8ea1dd
#8ea1dd
rgb(142,161,221)
-
#9dade1
#9dade1
rgb(157,173,225)
-
#acbae6
#acbae6
rgb(172,186,230)
-
#bbc6ea
#bbc6ea
rgb(187,198,234)
-
#cad3ef
#cad3ef
rgb(202,211,239)
-
#d9e0f4
#d9e0f4
rgb(217,224,244)
-
#e8ecf8
#e8ecf8
rgb(232,236,248)
-
#f8f9fd
#f8f9fd
rgb(248,249,253)
Tones of #304a9e
A tone is produced by adding gray to any pure hue. In this case, #60636e is the less saturated color, while #0031ce is the most saturated one.
-
#60636e
#60636e
rgb(96,99,110)
-
#585f76
#585f76
rgb(88,95,118)
-
#505b7e
#505b7e
rgb(80,91,126)
-
#485786
#485786
rgb(72,87,134)
-
#40528e
#40528e
rgb(64,82,142)
-
#384e96
#384e96
rgb(56,78,150)
-
#304a9e
#304a9e
rgb(48,74,158)
-
#2846a6
#2846a6
rgb(40,70,166)
-
#2042ae
#2042ae
rgb(32,66,174)
-
#183db6
#183db6
rgb(24,61,182)
-
#1039be
#1039be
rgb(16,57,190)
-
#0835c6
#0835c6
rgb(8,53,198)
-
#0031ce
#0031ce
rgb(0,49,206)
Color Blindness Simulator
Below, you can see how #304a9e 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.