#304a83 Color Information
In a RGB color space, hex #304a83 is composed of 18.8% red, 29% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 43.5% magenta, 0% yellow and 48.6% black. It has a hue angle of 221.2 degrees, a saturation of 46.4% and a lightness of 35.1%. #304a83 color hex could be obtained by blending #6094ff with #000007. Closest websafe color is: #333399.
-
- R 19
- G 29
- B 51
-
- C 63
- M 44
- Y 0
- K 49
● #304a83 color description : Dark moderate blue.
#304a83 Color Conversion
The hexadecimal color #304a83 has RGB values of R:48, G:74, B:131 and CMYK values of C:0.63, M:0.44, Y:0, K:0.49. Its decimal value is 3164803.
Hex triplet | 304a83 | #304a83 |
---|---|---|
RGB Decimal | 48, 74, 131 | rgb(48,74,131) |
RGB Percent | 18.8, 29, 51.4 | rgb(18.8%,29%,51.4%) |
CMYK | 63, 44, 0, 49 | |
HSL | 221.2°, 46.4, 35.1 | hsl(221.2,46.4%,35.1%) |
HSV (or HSB) | 221.2°, 63.4, 51.4 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 32.178, 9.279, -35.08 |
---|---|
XYZ | 7.764, 7.164, 22.445 |
xyY | 0.208, 0.192, 7.164 |
CIE-LCH | 32.178, 36.287, 284.816 |
CIE-LUV | 32.178, -11.603, -48.17 |
Hunter-Lab | 26.766, 4.934, -30.983 |
Binary | 00110000, 01001010, 10000011 |
Color Schemes with #304a83
Alternatives to #304a83
Below, you can see some colors close to #304a83. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304a83 Preview
This text has a font color of #304a83.
<span style="color:#304a83;">Text here</span>
This paragraph has a background color of #304a83.
<p style="background-color:#304a83;">Content here</p>
This element has a border color of #304a83.
<div style="border:1px solid #304a83;">Content here</div>
.text {color:#304a83;}
.background {background-color:#304a83;}
.border {border:1px solid #304a83;}
Shades and Tints of #304a83
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, #010102 is the darkest color, while #f2f5fa is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#060910
#060910
rgb(6,9,16)
-
#0b111f
#0b111f
rgb(11,17,31)
-
#10192d
#10192d
rgb(16,25,45)
-
#16213b
#16213b
rgb(22,33,59)
-
#1b2a4a
#1b2a4a
rgb(27,42,74)
-
#203258
#203258
rgb(32,50,88)
-
#253a66
#253a66
rgb(37,58,102)
-
#2b4275
#2b4275
rgb(43,66,117)
-
#304a83
#304a83
rgb(48,74,131)
-
#355291
#355291
rgb(53,82,145)
-
#3b5aa0
#3b5aa0
rgb(59,90,160)
-
#4062ae
#4062ae
rgb(64,98,174)
-
#466bbb
#466bbb
rgb(70,107,187)
-
#5576c1
#5576c1
rgb(85,118,193)
-
#6382c6
#6382c6
rgb(99,130,198)
-
#718dcb
#718dcb
rgb(113,141,203)
-
#8099d0
#8099d0
rgb(128,153,208)
-
#8ea4d6
#8ea4d6
rgb(142,164,214)
-
#9cb0db
#9cb0db
rgb(156,176,219)
-
#abbbe0
#abbbe0
rgb(171,187,224)
-
#b9c7e5
#b9c7e5
rgb(185,199,229)
-
#c7d2eb
#c7d2eb
rgb(199,210,235)
-
#d6def0
#d6def0
rgb(214,222,240)
-
#e4e9f5
#e4e9f5
rgb(228,233,245)
-
#f2f5fa
#f2f5fa
rgb(242,245,250)
Tones of #304a83
A tone is produced by adding gray to any pure hue. In this case, #59595a is the less saturated color, while #073bac is the most saturated one.
-
#59595a
#59595a
rgb(89,89,90)
-
#525761
#525761
rgb(82,87,97)
-
#4c5467
#4c5467
rgb(76,84,103)
-
#45526e
#45526e
rgb(69,82,110)
-
#3e4f75
#3e4f75
rgb(62,79,117)
-
#374d7c
#374d7c
rgb(55,77,124)
-
#304a83
#304a83
rgb(48,74,131)
-
#29478a
#29478a
rgb(41,71,138)
-
#224591
#224591
rgb(34,69,145)
-
#1b4298
#1b4298
rgb(27,66,152)
-
#14409f
#14409f
rgb(20,64,159)
-
#0e3da5
#0e3da5
rgb(14,61,165)
-
#073bac
#073bac
rgb(7,59,172)
Color Blindness Simulator
Below, you can see how #304a83 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.