#304a99 Color Information
In a RGB color space, hex #304a99 is composed of 18.8% red, 29% green and 60% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 51.6% magenta, 0% yellow and 40% black. It has a hue angle of 225.1 degrees, a saturation of 52.2% and a lightness of 39.4%. #304a99 color hex could be obtained by blending #6094ff with #000033. Closest websafe color is: #333399.
-
- R 19
- G 29
- B 60
-
- C 69
- M 52
- Y 0
- K 40
● #304a99 color description : Dark moderate blue.
#304a99 Color Conversion
The hexadecimal color #304a99 has RGB values of R:48, G:74, B:153 and CMYK values of C:0.69, M:0.52, Y:0, K:0.4. Its decimal value is 3164825.
Hex triplet | 304a99 | #304a99 |
---|---|---|
RGB Decimal | 48, 74, 153 | rgb(48,74,153) |
RGB Percent | 18.8, 29, 60 | rgb(18.8%,29%,60%) |
CMYK | 69, 52, 0, 40 | |
HSL | 225.1°, 52.2, 39.4 | hsl(225.1,52.2%,39.4%) |
HSV (or HSB) | 225.1°, 68.6, 60 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 33.616, 17.494, -46.238 |
---|---|
XYZ | 9.416, 7.825, 31.149 |
xyY | 0.195, 0.162, 7.825 |
CIE-LCH | 33.616, 49.437, 290.724 |
CIE-LUV | 33.616, -11.723, -64.925 |
Hunter-Lab | 27.974, 11.131, -46.439 |
Binary | 00110000, 01001010, 10011001 |
Color Schemes with #304a99
Alternatives to #304a99
Below, you can see some colors close to #304a99. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304a99 Preview
This text has a font color of #304a99.
<span style="color:#304a99;">Text here</span>
This paragraph has a background color of #304a99.
<p style="background-color:#304a99;">Content here</p>
This element has a border color of #304a99.
<div style="border:1px solid #304a99;">Content here</div>
.text {color:#304a99;}
.background {background-color:#304a99;}
.border {border:1px solid #304a99;}
Shades and Tints of #304a99
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, #010204 is the darkest color, while #f4f6fb is the lightest one.
-
#010204
#010204
rgb(1,2,4)
-
#060913
#060913
rgb(6,9,19)
-
#0b1022
#0b1022
rgb(11,16,34)
-
#0f1730
#0f1730
rgb(15,23,48)
-
#141f3f
#141f3f
rgb(20,31,63)
-
#19264e
#19264e
rgb(25,38,78)
-
#1d2d5d
#1d2d5d
rgb(29,45,93)
-
#22346c
#22346c
rgb(34,52,108)
-
#273c7b
#273c7b
rgb(39,60,123)
-
#2b438a
#2b438a
rgb(43,67,138)
-
#304a99
#304a99
rgb(48,74,153)
-
#3551a8
#3551a8
rgb(53,81,168)
-
#3958b7
#3958b7
rgb(57,88,183)
-
#4161c3
#4161c3
rgb(65,97,195)
-
#506dc8
#506dc8
rgb(80,109,200)
-
#5e7acd
#5e7acd
rgb(94,122,205)
-
#6d86d1
#6d86d1
rgb(109,134,209)
-
#7c93d6
#7c93d6
rgb(124,147,214)
-
#8b9fdb
#8b9fdb
rgb(139,159,219)
-
#9aabdf
#9aabdf
rgb(154,171,223)
-
#a9b8e4
#a9b8e4
rgb(169,184,228)
-
#b8c4e9
#b8c4e9
rgb(184,196,233)
-
#c7d0ed
#c7d0ed
rgb(199,208,237)
-
#d6ddf2
#d6ddf2
rgb(214,221,242)
-
#e5e9f7
#e5e9f7
rgb(229,233,247)
-
#f4f6fb
#f4f6fb
rgb(244,246,251)
Tones of #304a99
A tone is produced by adding gray to any pure hue. In this case, #5e616b is the less saturated color, while #0233c7 is the most saturated one.
-
#5e616b
#5e616b
rgb(94,97,107)
-
#575e72
#575e72
rgb(87,94,114)
-
#4f5a7a
#4f5a7a
rgb(79,90,122)
-
#475682
#475682
rgb(71,86,130)
-
#3f528a
#3f528a
rgb(63,82,138)
-
#384e91
#384e91
rgb(56,78,145)
-
#304a99
#304a99
rgb(48,74,153)
-
#2846a1
#2846a1
rgb(40,70,161)
-
#2142a8
#2142a8
rgb(33,66,168)
-
#193eb0
#193eb0
rgb(25,62,176)
-
#113ab8
#113ab8
rgb(17,58,184)
-
#0936c0
#0936c0
rgb(9,54,192)
-
#0233c7
#0233c7
rgb(2,51,199)
Color Blindness Simulator
Below, you can see how #304a99 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.