#304e87 Color Information
In a RGB color space, hex #304e87 is composed of 18.8% red, 30.6% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 42.2% magenta, 0% yellow and 47.1% black. It has a hue angle of 219.3 degrees, a saturation of 47.5% and a lightness of 35.9%. #304e87 color hex could be obtained by blending #609cff with #00000f. Closest websafe color is: #336699.
-
- R 19
- G 31
- B 53
-
- C 64
- M 42
- Y 0
- K 47
● #304e87 color description : Dark moderate blue.
#304e87 Color Conversion
The hexadecimal color #304e87 has RGB values of R:48, G:78, B:135 and CMYK values of C:0.64, M:0.42, Y:0, K:0.47. Its decimal value is 3165831.
Hex triplet | 304e87 | #304e87 |
---|---|---|
RGB Decimal | 48, 78, 135 | rgb(48,78,135) |
RGB Percent | 18.8, 30.6, 52.9 | rgb(18.8%,30.6%,52.9%) |
CMYK | 64, 42, 0, 47 | |
HSL | 219.3°, 47.5, 35.9 | hsl(219.3,47.5%,35.9%) |
HSV (or HSB) | 219.3°, 64.4, 52.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 33.618, 8.097, -35.253 |
---|---|
XYZ | 8.316, 7.826, 23.993 |
xyY | 0.207, 0.195, 7.826 |
CIE-LCH | 33.618, 36.171, 282.935 |
CIE-LUV | 33.618, -12.927, -48.965 |
Hunter-Lab | 27.975, 4.103, -31.268 |
Binary | 00110000, 01001110, 10000111 |
Color Schemes with #304e87
Alternatives to #304e87
Below, you can see some colors close to #304e87. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304e87 Preview
This text has a font color of #304e87.
<span style="color:#304e87;">Text here</span>
This paragraph has a background color of #304e87.
<p style="background-color:#304e87;">Content here</p>
This element has a border color of #304e87.
<div style="border:1px solid #304e87;">Content here</div>
.text {color:#304e87;}
.background {background-color:#304e87;}
.border {border:1px solid #304e87;}
Shades and Tints of #304e87
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, #020305 is the darkest color, while #f5f7fc is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#070b13
#070b13
rgb(7,11,19)
-
#0c1322
#0c1322
rgb(12,19,34)
-
#111c30
#111c30
rgb(17,28,48)
-
#16243f
#16243f
rgb(22,36,63)
-
#1b2d4d
#1b2d4d
rgb(27,45,77)
-
#21355c
#21355c
rgb(33,53,92)
-
#263d6a
#263d6a
rgb(38,61,106)
-
#2b4679
#2b4679
rgb(43,70,121)
-
#304e87
#304e87
rgb(48,78,135)
-
#355695
#355695
rgb(53,86,149)
-
#3a5fa4
#3a5fa4
rgb(58,95,164)
-
#3f67b2
#3f67b2
rgb(63,103,178)
-
#4870be
#4870be
rgb(72,112,190)
-
#567cc3
#567cc3
rgb(86,124,195)
-
#6587c8
#6587c8
rgb(101,135,200)
-
#7392cd
#7392cd
rgb(115,146,205)
-
#829dd2
#829dd2
rgb(130,157,210)
-
#90a9d8
#90a9d8
rgb(144,169,216)
-
#9eb4dd
#9eb4dd
rgb(158,180,221)
-
#adbfe2
#adbfe2
rgb(173,191,226)
-
#bbcae7
#bbcae7
rgb(187,202,231)
-
#cad6ec
#cad6ec
rgb(202,214,236)
-
#d8e1f1
#d8e1f1
rgb(216,225,241)
-
#e7ecf6
#e7ecf6
rgb(231,236,246)
-
#f5f7fc
#f5f7fc
rgb(245,247,252)
Tones of #304e87
A tone is produced by adding gray to any pure hue. In this case, #5a5b5d is the less saturated color, while #0641b1 is the most saturated one.
-
#5a5b5d
#5a5b5d
rgb(90,91,93)
-
#535964
#535964
rgb(83,89,100)
-
#4c576b
#4c576b
rgb(76,87,107)
-
#455572
#455572
rgb(69,85,114)
-
#3e5279
#3e5279
rgb(62,82,121)
-
#375080
#375080
rgb(55,80,128)
-
#304e87
#304e87
rgb(48,78,135)
-
#294c8e
#294c8e
rgb(41,76,142)
-
#224a95
#224a95
rgb(34,74,149)
-
#1b479c
#1b479c
rgb(27,71,156)
-
#1445a3
#1445a3
rgb(20,69,163)
-
#0d43aa
#0d43aa
rgb(13,67,170)
-
#0641b1
#0641b1
rgb(6,65,177)
Color Blindness Simulator
Below, you can see how #304e87 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.