#304ca1 Color Information
In a RGB color space, hex #304ca1 is composed of 18.8% red, 29.8% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 52.8% magenta, 0% yellow and 36.9% black. It has a hue angle of 225.1 degrees, a saturation of 54.1% and a lightness of 41%. #304ca1 color hex could be obtained by blending #6098ff with #000043. Closest websafe color is: #333399.
-
- R 19
- G 30
- B 63
-
- C 70
- M 53
- Y 0
- K 37
● #304ca1 color description : Dark blue.
#304ca1 Color Conversion
The hexadecimal color #304ca1 has RGB values of R:48, G:76, B:161 and CMYK values of C:0.7, M:0.53, Y:0, K:0.37. Its decimal value is 3165345.
Hex triplet | 304ca1 | #304ca1 |
---|---|---|
RGB Decimal | 48, 76, 161 | rgb(48,76,161) |
RGB Percent | 18.8, 29.8, 63.1 | rgb(18.8%,29.8%,63.1%) |
CMYK | 70, 53, 0, 37 | |
HSL | 225.1°, 54.1, 41 | hsl(225.1,54.1%,41%) |
HSV (or HSB) | 225.1°, 70.2, 63.1 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 34.742, 19.164, -49.247 |
---|---|
XYZ | 10.235, 8.37, 34.792 |
xyY | 0.192, 0.157, 8.37 |
CIE-LCH | 34.742, 52.844, 291.263 |
CIE-LUV | 34.742, -12.361, -69.858 |
Hunter-Lab | 28.931, 12.521, -51.052 |
Binary | 00110000, 01001100, 10100001 |
Color Schemes with #304ca1
Alternatives to #304ca1
Below, you can see some colors close to #304ca1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304ca1 Preview
This text has a font color of #304ca1.
<span style="color:#304ca1;">Text here</span>
This paragraph has a background color of #304ca1.
<p style="background-color:#304ca1;">Content here</p>
This element has a border color of #304ca1.
<div style="border:1px solid #304ca1;">Content here</div>
.text {color:#304ca1;}
.background {background-color:#304ca1;}
.border {border:1px solid #304ca1;}
Shades and Tints of #304ca1
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, #03050a is the darkest color, while #fafbfd is the lightest one.
-
#03050a
#03050a
rgb(3,5,10)
-
#070c19
#070c19
rgb(7,12,25)
-
#0c1328
#0c1328
rgb(12,19,40)
-
#101a37
#101a37
rgb(16,26,55)
-
#152146
#152146
rgb(21,33,70)
-
#192855
#192855
rgb(25,40,85)
-
#1e2f65
#1e2f65
rgb(30,47,101)
-
#223774
#223774
rgb(34,55,116)
-
#273e83
#273e83
rgb(39,62,131)
-
#2b4592
#2b4592
rgb(43,69,146)
-
#304ca1
#304ca1
rgb(48,76,161)
-
#3553b0
#3553b0
rgb(53,83,176)
-
#395abf
#395abf
rgb(57,90,191)
-
#4465c7
#4465c7
rgb(68,101,199)
-
#5471cc
#5471cc
rgb(84,113,204)
-
#637ed0
#637ed0
rgb(99,126,208)
-
#728ad5
#728ad5
rgb(114,138,213)
-
#8197d9
#8197d9
rgb(129,151,217)
-
#90a3de
#90a3de
rgb(144,163,222)
-
#9fb0e2
#9fb0e2
rgb(159,176,226)
-
#aebce7
#aebce7
rgb(174,188,231)
-
#bdc9eb
#bdc9eb
rgb(189,201,235)
-
#ccd5f0
#ccd5f0
rgb(204,213,240)
-
#dce2f4
#dce2f4
rgb(220,226,244)
-
#ebeef9
#ebeef9
rgb(235,238,249)
-
#fafbfd
#fafbfd
rgb(250,251,253)
Tones of #304ca1
A tone is produced by adding gray to any pure hue. In this case, #686869 is the less saturated color, while #0838c9 is the most saturated one.
-
#686869
#686869
rgb(104,104,105)
-
#606471
#606471
rgb(96,100,113)
-
#586079
#586079
rgb(88,96,121)
-
#505c81
#505c81
rgb(80,92,129)
-
#485889
#485889
rgb(72,88,137)
-
#405491
#405491
rgb(64,84,145)
-
#385099
#385099
rgb(56,80,153)
-
#304ca1
#304ca1
rgb(48,76,161)
-
#2848a9
#2848a9
rgb(40,72,169)
-
#2044b1
#2044b1
rgb(32,68,177)
-
#1840b9
#1840b9
rgb(24,64,185)
-
#103cc1
#103cc1
rgb(16,60,193)
-
#0838c9
#0838c9
rgb(8,56,201)
Color Blindness Simulator
Below, you can see how #304ca1 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.