#304ca3 Color Information
In a RGB color space, hex #304ca3 is composed of 18.8% red, 29.8% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 53.4% magenta, 0% yellow and 36.1% black. It has a hue angle of 225.4 degrees, a saturation of 54.5% and a lightness of 41.4%. #304ca3 color hex could be obtained by blending #6098ff with #000047. Closest websafe color is: #333399.
-
- R 19
- G 30
- B 64
-
- C 71
- M 53
- Y 0
- K 36
● #304ca3 color description : Dark blue.
#304ca3 Color Conversion
The hexadecimal color #304ca3 has RGB values of R:48, G:76, B:163 and CMYK values of C:0.71, M:0.53, Y:0, K:0.36. Its decimal value is 3165347.
Hex triplet | 304ca3 | #304ca3 |
---|---|---|
RGB Decimal | 48, 76, 163 | rgb(48,76,163) |
RGB Percent | 18.8, 29.8, 63.9 | rgb(18.8%,29.8%,63.9%) |
CMYK | 71, 53, 0, 36 | |
HSL | 225.4°, 54.5, 41.4 | hsl(225.4,54.5%,41.4%) |
HSV (or HSB) | 225.4°, 70.6, 63.9 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 34.885, 19.916, -50.216 |
---|---|
XYZ | 10.413, 8.441, 35.729 |
xyY | 0.191, 0.155, 8.441 |
CIE-LCH | 34.885, 54.021, 291.634 |
CIE-LUV | 34.885, -12.375, -71.319 |
Hunter-Lab | 29.053, 13.132, -52.576 |
Binary | 00110000, 01001100, 10100011 |
Color Schemes with #304ca3
Alternatives to #304ca3
Below, you can see some colors close to #304ca3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304ca3 Preview
This text has a font color of #304ca3.
<span style="color:#304ca3;">Text here</span>
This paragraph has a background color of #304ca3.
<p style="background-color:#304ca3;">Content here</p>
This element has a border color of #304ca3.
<div style="border:1px solid #304ca3;">Content here</div>
.text {color:#304ca3;}
.background {background-color:#304ca3;}
.border {border:1px solid #304ca3;}
Shades and Tints of #304ca3
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, #03050b is the darkest color, while #fbfcfe is the lightest one.
-
#03050b
#03050b
rgb(3,5,11)
-
#080c1b
#080c1b
rgb(8,12,27)
-
#0c132a
#0c132a
rgb(12,19,42)
-
#111b39
#111b39
rgb(17,27,57)
-
#152248
#152248
rgb(21,34,72)
-
#1a2957
#1a2957
rgb(26,41,87)
-
#1e3066
#1e3066
rgb(30,48,102)
-
#233776
#233776
rgb(35,55,118)
-
#273e85
#273e85
rgb(39,62,133)
-
#2c4594
#2c4594
rgb(44,69,148)
-
#304ca3
#304ca3
rgb(48,76,163)
-
#3453b2
#3453b2
rgb(52,83,178)
-
#395ac1
#395ac1
rgb(57,90,193)
-
#4565c8
#4565c8
rgb(69,101,200)
-
#5572cd
#5572cd
rgb(85,114,205)
-
#647ed1
#647ed1
rgb(100,126,209)
-
#738bd6
#738bd6
rgb(115,139,214)
-
#8298da
#8298da
rgb(130,152,218)
-
#91a4df
#91a4df
rgb(145,164,223)
-
#a0b1e3
#a0b1e3
rgb(160,177,227)
-
#b0bde8
#b0bde8
rgb(176,189,232)
-
#bfcaec
#bfcaec
rgb(191,202,236)
-
#ced6f1
#ced6f1
rgb(206,214,241)
-
#dde3f5
#dde3f5
rgb(221,227,245)
-
#eceff9
#eceff9
rgb(236,239,249)
-
#fbfcfe
#fbfcfe
rgb(251,252,254)
Tones of #304ca3
A tone is produced by adding gray to any pure hue. In this case, #69696a is the less saturated color, while #0737cc is the most saturated one.
-
#69696a
#69696a
rgb(105,105,106)
-
#616572
#616572
rgb(97,101,114)
-
#59617a
#59617a
rgb(89,97,122)
-
#505d83
#505d83
rgb(80,93,131)
-
#48588b
#48588b
rgb(72,88,139)
-
#405493
#405493
rgb(64,84,147)
-
#38509b
#38509b
rgb(56,80,155)
-
#304ca3
#304ca3
rgb(48,76,163)
-
#2848ab
#2848ab
rgb(40,72,171)
-
#2044b3
#2044b3
rgb(32,68,179)
-
#1840bb
#1840bb
rgb(24,64,187)
-
#103bc3
#103bc3
rgb(16,59,195)
-
#0737cc
#0737cc
rgb(7,55,204)
Color Blindness Simulator
Below, you can see how #304ca3 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.