#304ba4 Color Information
In a RGB color space, hex #304ba4 is composed of 18.8% red, 29.4% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 54.3% magenta, 0% yellow and 35.7% black. It has a hue angle of 226 degrees, a saturation of 54.7% and a lightness of 41.6%. #304ba4 color hex could be obtained by blending #6096ff with #000049. Closest websafe color is: #333399.
-
- R 19
- G 29
- B 64
-
- C 71
- M 54
- Y 0
- K 36
● #304ba4 color description : Dark blue.
#304ba4 Color Conversion
The hexadecimal color #304ba4 has RGB values of R:48, G:75, B:164 and CMYK values of C:0.71, M:0.54, Y:0, K:0.36. Its decimal value is 3165092.
Hex triplet | 304ba4 | #304ba4 |
---|---|---|
RGB Decimal | 48, 75, 164 | rgb(48,75,164) |
RGB Percent | 18.8, 29.4, 64.3 | rgb(18.8%,29.4%,64.3%) |
CMYK | 71, 54, 0, 36 | |
HSL | 226°, 54.7, 41.6 | hsl(226,54.7%,41.6%) |
HSV (or HSB) | 226°, 70.7, 64.3 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 34.682, 20.957, -51.144 |
---|---|
XYZ | 10.434, 8.34, 36.18 |
xyY | 0.19, 0.152, 8.34 |
CIE-LCH | 34.682, 55.272, 292.282 |
CIE-LUV | 34.682, -12.1, -72.5 |
Hunter-Lab | 28.879, 13.955, -54.062 |
Binary | 00110000, 01001011, 10100100 |
Color Schemes with #304ba4
Alternatives to #304ba4
Below, you can see some colors close to #304ba4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304ba4 Preview
This text has a font color of #304ba4.
<span style="color:#304ba4;">Text here</span>
This paragraph has a background color of #304ba4.
<p style="background-color:#304ba4;">Content here</p>
This element has a border color of #304ba4.
<div style="border:1px solid #304ba4;">Content here</div>
.text {color:#304ba4;}
.background {background-color:#304ba4;}
.border {border:1px solid #304ba4;}
Shades and Tints of #304ba4
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, #04060c is the darkest color, while #fcfdfe is the lightest one.
-
#04060c
#04060c
rgb(4,6,12)
-
#080d1b
#080d1b
rgb(8,13,27)
-
#0c132b
#0c132b
rgb(12,19,43)
-
#111a3a
#111a3a
rgb(17,26,58)
-
#152149
#152149
rgb(21,33,73)
-
#1a2858
#1a2858
rgb(26,40,88)
-
#1e2f67
#1e2f67
rgb(30,47,103)
-
#233676
#233676
rgb(35,54,118)
-
#273d86
#273d86
rgb(39,61,134)
-
#2c4495
#2c4495
rgb(44,68,149)
-
#304ba4
#304ba4
rgb(48,75,164)
-
#3452b3
#3452b3
rgb(52,82,179)
-
#3959c2
#3959c2
rgb(57,89,194)
-
#4664c9
#4664c9
rgb(70,100,201)
-
#5571cd
#5571cd
rgb(85,113,205)
-
#647ed2
#647ed2
rgb(100,126,210)
-
#748ad6
#748ad6
rgb(116,138,214)
-
#8397db
#8397db
rgb(131,151,219)
-
#92a4df
#92a4df
rgb(146,164,223)
-
#a1b1e3
#a1b1e3
rgb(161,177,227)
-
#b0bde8
#b0bde8
rgb(176,189,232)
-
#bfcaec
#bfcaec
rgb(191,202,236)
-
#cfd7f1
#cfd7f1
rgb(207,215,241)
-
#dee3f5
#dee3f5
rgb(222,227,245)
-
#edf0fa
#edf0fa
rgb(237,240,250)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #304ba4
A tone is produced by adding gray to any pure hue. In this case, #696a6b is the less saturated color, while #0735cd is the most saturated one.
-
#696a6b
#696a6b
rgb(105,106,107)
-
#616573
#616573
rgb(97,101,115)
-
#59617b
#59617b
rgb(89,97,123)
-
#515c83
#515c83
rgb(81,92,131)
-
#48588c
#48588c
rgb(72,88,140)
-
#405494
#405494
rgb(64,84,148)
-
#384f9c
#384f9c
rgb(56,79,156)
-
#304ba4
#304ba4
rgb(48,75,164)
-
#2847ac
#2847ac
rgb(40,71,172)
-
#2042b4
#2042b4
rgb(32,66,180)
-
#183ebc
#183ebc
rgb(24,62,188)
-
#0f3ac5
#0f3ac5
rgb(15,58,197)
-
#0735cd
#0735cd
rgb(7,53,205)
Color Blindness Simulator
Below, you can see how #304ba4 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.