#304ca4 Color Information
In a RGB color space, hex #304ca4 is composed of 18.8% red, 29.8% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 53.7% magenta, 0% yellow and 35.7% black. It has a hue angle of 225.5 degrees, a saturation of 54.7% and a lightness of 41.6%. #304ca4 color hex could be obtained by blending #6098ff with #000049. Closest websafe color is: #333399.
-
- R 19
- G 30
- B 64
-
- C 71
- M 54
- Y 0
- K 36
● #304ca4 color description : Dark blue.
#304ca4 Color Conversion
The hexadecimal color #304ca4 has RGB values of R:48, G:76, B:164 and CMYK values of C:0.71, M:0.54, Y:0, K:0.36. Its decimal value is 3165348.
Hex triplet | 304ca4 | #304ca4 |
---|---|---|
RGB Decimal | 48, 76, 164 | rgb(48,76,164) |
RGB Percent | 18.8, 29.8, 64.3 | rgb(18.8%,29.8%,64.3%) |
CMYK | 71, 54, 0, 36 | |
HSL | 225.5°, 54.7, 41.6 | hsl(225.5,54.7%,41.6%) |
HSV (or HSB) | 225.5°, 70.7, 64.3 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 34.957, 20.292, -50.698 |
---|---|
XYZ | 10.503, 8.477, 36.203 |
xyY | 0.19, 0.154, 8.477 |
CIE-LCH | 34.957, 54.608, 291.814 |
CIE-LUV | 34.957, -12.382, -72.046 |
Hunter-Lab | 29.115, 13.439, -53.342 |
Binary | 00110000, 01001100, 10100100 |
Color Schemes with #304ca4
Alternatives to #304ca4
Below, you can see some colors close to #304ca4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304ca4 Preview
This text has a font color of #304ca4.
<span style="color:#304ca4;">Text here</span>
This paragraph has a background color of #304ca4.
<p style="background-color:#304ca4;">Content here</p>
This element has a border color of #304ca4.
<div style="border:1px solid #304ca4;">Content here</div>
.text {color:#304ca4;}
.background {background-color:#304ca4;}
.border {border:1px solid #304ca4;}
Shades and Tints of #304ca4
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)
-
#0c142b
#0c142b
rgb(12,20,43)
-
#111b3a
#111b3a
rgb(17,27,58)
-
#152249
#152249
rgb(21,34,73)
-
#1a2958
#1a2958
rgb(26,41,88)
-
#1e3067
#1e3067
rgb(30,48,103)
-
#233776
#233776
rgb(35,55,118)
-
#273e86
#273e86
rgb(39,62,134)
-
#2c4595
#2c4595
rgb(44,69,149)
-
#304ca4
#304ca4
rgb(48,76,164)
-
#3453b3
#3453b3
rgb(52,83,179)
-
#395ac2
#395ac2
rgb(57,90,194)
-
#4666c9
#4666c9
rgb(70,102,201)
-
#5572cd
#5572cd
rgb(85,114,205)
-
#647fd2
#647fd2
rgb(100,127,210)
-
#748bd6
#748bd6
rgb(116,139,214)
-
#8398db
#8398db
rgb(131,152,219)
-
#92a4df
#92a4df
rgb(146,164,223)
-
#a1b1e3
#a1b1e3
rgb(161,177,227)
-
#b0bee8
#b0bee8
rgb(176,190,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 #304ca4
A tone is produced by adding gray to any pure hue. In this case, #696a6b is the less saturated color, while #0737cd is the most saturated one.
-
#696a6b
#696a6b
rgb(105,106,107)
-
#616573
#616573
rgb(97,101,115)
-
#59617b
#59617b
rgb(89,97,123)
-
#515d83
#515d83
rgb(81,93,131)
-
#48598c
#48598c
rgb(72,89,140)
-
#405494
#405494
rgb(64,84,148)
-
#38509c
#38509c
rgb(56,80,156)
-
#304ca4
#304ca4
rgb(48,76,164)
-
#2848ac
#2848ac
rgb(40,72,172)
-
#2044b4
#2044b4
rgb(32,68,180)
-
#183fbc
#183fbc
rgb(24,63,188)
-
#0f3bc5
#0f3bc5
rgb(15,59,197)
-
#0737cd
#0737cd
rgb(7,55,205)
Color Blindness Simulator
Below, you can see how #304ca4 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.