#304386 Color Information
In a RGB color space, hex #304386 is composed of 18.8% red, 26.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 50% magenta, 0% yellow and 47.5% black. It has a hue angle of 226.7 degrees, a saturation of 47.3% and a lightness of 35.7%. #304386 color hex could be obtained by blending #6086ff with #00000d. Closest websafe color is: #333399.
-
- R 19
- G 26
- B 53
-
- C 64
- M 50
- Y 0
- K 47
● #304386 color description : Dark moderate blue.
#304386 Color Conversion
The hexadecimal color #304386 has RGB values of R:48, G:67, B:134 and CMYK values of C:0.64, M:0.5, Y:0, K:0.47. Its decimal value is 3163014.
Hex triplet | 304386 | #304386 |
---|---|---|
RGB Decimal | 48, 67, 134 | rgb(48,67,134) |
RGB Percent | 18.8, 26.3, 52.5 | rgb(18.8%,26.3%,52.5%) |
CMYK | 64, 50, 0, 47 | |
HSL | 226.7°, 47.3, 35.7 | hsl(226.7,47.3%,35.7%) |
HSV (or HSB) | 226.7°, 64.2, 52.5 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 30.312, 15.109, -39.924 |
---|---|
XYZ | 7.528, 6.364, 23.385 |
xyY | 0.202, 0.171, 6.364 |
CIE-LCH | 30.312, 42.687, 290.729 |
CIE-LUV | 30.312, -9.422, -54.199 |
Hunter-Lab | 25.226, 9.125, -37.304 |
Binary | 00110000, 01000011, 10000110 |
Color Schemes with #304386
Alternatives to #304386
Below, you can see some colors close to #304386. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304386 Preview
This text has a font color of #304386.
<span style="color:#304386;">Text here</span>
This paragraph has a background color of #304386.
<p style="background-color:#304386;">Content here</p>
This element has a border color of #304386.
<div style="border:1px solid #304386;">Content here</div>
.text {color:#304386;}
.background {background-color:#304386;}
.border {border:1px solid #304386;}
Shades and Tints of #304386
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, #010204 is the darkest color, while #f5f6fb is the lightest one.
-
#010204
#010204
rgb(1,2,4)
-
#070912
#070912
rgb(7,9,18)
-
#0c1021
#0c1021
rgb(12,16,33)
-
#11182f
#11182f
rgb(17,24,47)
-
#161f3e
#161f3e
rgb(22,31,62)
-
#1b264c
#1b264c
rgb(27,38,76)
-
#202d5b
#202d5b
rgb(32,45,91)
-
#263569
#263569
rgb(38,53,105)
-
#2b3c78
#2b3c78
rgb(43,60,120)
-
#304386
#304386
rgb(48,67,134)
-
#354a94
#354a94
rgb(53,74,148)
-
#3a51a3
#3a51a3
rgb(58,81,163)
-
#4059b1
#4059b1
rgb(64,89,177)
-
#4761bd
#4761bd
rgb(71,97,189)
-
#566ec2
#566ec2
rgb(86,110,194)
-
#647ac8
#647ac8
rgb(100,122,200)
-
#7387cd
#7387cd
rgb(115,135,205)
-
#8193d2
#8193d2
rgb(129,147,210)
-
#8f9fd7
#8f9fd7
rgb(143,159,215)
-
#9eacdc
#9eacdc
rgb(158,172,220)
-
#acb8e1
#acb8e1
rgb(172,184,225)
-
#bbc4e7
#bbc4e7
rgb(187,196,231)
-
#c9d1ec
#c9d1ec
rgb(201,209,236)
-
#d8ddf1
#d8ddf1
rgb(216,221,241)
-
#e6eaf6
#e6eaf6
rgb(230,234,246)
-
#f5f6fb
#f5f6fb
rgb(245,246,251)
Tones of #304386
A tone is produced by adding gray to any pure hue. In this case, #5a5a5c is the less saturated color, while #062cb0 is the most saturated one.
-
#5a5a5c
#5a5a5c
rgb(90,90,92)
-
#535763
#535763
rgb(83,87,99)
-
#4c536a
#4c536a
rgb(76,83,106)
-
#454f71
#454f71
rgb(69,79,113)
-
#3e4b78
#3e4b78
rgb(62,75,120)
-
#37477f
#37477f
rgb(55,71,127)
-
#304386
#304386
rgb(48,67,134)
-
#293f8d
#293f8d
rgb(41,63,141)
-
#223b94
#223b94
rgb(34,59,148)
-
#1b379b
#1b379b
rgb(27,55,155)
-
#1433a2
#1433a2
rgb(20,51,162)
-
#0d2fa9
#0d2fa9
rgb(13,47,169)
-
#062cb0
#062cb0
rgb(6,44,176)
Color Blindness Simulator
Below, you can see how #304386 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.