#304ba1 Color Information
In a RGB color space, hex #304ba1 is composed of 18.8% red, 29.4% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 53.4% magenta, 0% yellow and 36.9% black. It has a hue angle of 225.7 degrees, a saturation of 54.1% and a lightness of 41%. #304ba1 color hex could be obtained by blending #6096ff with #000043. Closest websafe color is: #333399.
-
- R 19
- G 29
- B 63
-
- C 70
- M 53
- Y 0
- K 37
● #304ba1 color description : Dark blue.
#304ba1 Color Conversion
The hexadecimal color #304ba1 has RGB values of R:48, G:75, B:161 and CMYK values of C:0.7, M:0.53, Y:0, K:0.37. Its decimal value is 3165089.
Hex triplet | 304ba1 | #304ba1 |
---|---|---|
RGB Decimal | 48, 75, 161 | rgb(48,75,161) |
RGB Percent | 18.8, 29.4, 63.1 | rgb(18.8%,29.4%,63.1%) |
CMYK | 70, 53, 0, 37 | |
HSL | 225.7°, 54.1, 41 | hsl(225.7,54.1%,41%) |
HSV (or HSB) | 225.7°, 70.2, 63.1 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 34.464, 19.831, -49.696 |
---|---|
XYZ | 10.167, 8.233, 34.77 |
xyY | 0.191, 0.155, 8.233 |
CIE-LCH | 34.464, 53.507, 291.754 |
CIE-LUV | 34.464, -12.075, -70.324 |
Hunter-Lab | 28.693, 13.033, -51.76 |
Binary | 00110000, 01001011, 10100001 |
Color Schemes with #304ba1
Alternatives to #304ba1
Below, you can see some colors close to #304ba1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304ba1 Preview
This text has a font color of #304ba1.
<span style="color:#304ba1;">Text here</span>
This paragraph has a background color of #304ba1.
<p style="background-color:#304ba1;">Content here</p>
This element has a border color of #304ba1.
<div style="border:1px solid #304ba1;">Content here</div>
.text {color:#304ba1;}
.background {background-color:#304ba1;}
.border {border:1px solid #304ba1;}
Shades and Tints of #304ba1
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)
-
#223674
#223674
rgb(34,54,116)
-
#273d83
#273d83
rgb(39,61,131)
-
#2b4492
#2b4492
rgb(43,68,146)
-
#304ba1
#304ba1
rgb(48,75,161)
-
#3552b0
#3552b0
rgb(53,82,176)
-
#3959bf
#3959bf
rgb(57,89,191)
-
#4464c7
#4464c7
rgb(68,100,199)
-
#5470cc
#5470cc
rgb(84,112,204)
-
#637dd0
#637dd0
rgb(99,125,208)
-
#7289d5
#7289d5
rgb(114,137,213)
-
#8196d9
#8196d9
rgb(129,150,217)
-
#90a3de
#90a3de
rgb(144,163,222)
-
#9fafe2
#9fafe2
rgb(159,175,226)
-
#aebce7
#aebce7
rgb(174,188,231)
-
#bdc8eb
#bdc8eb
rgb(189,200,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 #304ba1
A tone is produced by adding gray to any pure hue. In this case, #686869 is the less saturated color, while #0836c9 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)
-
#405391
#405391
rgb(64,83,145)
-
#384f99
#384f99
rgb(56,79,153)
-
#304ba1
#304ba1
rgb(48,75,161)
-
#2847a9
#2847a9
rgb(40,71,169)
-
#2043b1
#2043b1
rgb(32,67,177)
-
#183eb9
#183eb9
rgb(24,62,185)
-
#103ac1
#103ac1
rgb(16,58,193)
-
#0836c9
#0836c9
rgb(8,54,201)
Color Blindness Simulator
Below, you can see how #304ba1 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.