#304886 Color Information
In a RGB color space, hex #304886 is composed of 18.8% red, 28.2% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 46.3% magenta, 0% yellow and 47.5% black. It has a hue angle of 223.3 degrees, a saturation of 47.3% and a lightness of 35.7%. #304886 color hex could be obtained by blending #6090ff with #00000d. Closest websafe color is: #333399.
-
- R 19
- G 28
- B 53
-
- C 64
- M 46
- Y 0
- K 47
● #304886 color description : Dark moderate blue.
#304886 Color Conversion
The hexadecimal color #304886 has RGB values of R:48, G:72, B:134 and CMYK values of C:0.64, M:0.46, Y:0, K:0.47. Its decimal value is 3164294.
Hex triplet | 304886 | #304886 |
---|---|---|
RGB Decimal | 48, 72, 134 | rgb(48,72,134) |
RGB Percent | 18.8, 28.2, 52.5 | rgb(18.8%,28.2%,52.5%) |
CMYK | 64, 46, 0, 47 | |
HSL | 223.3°, 47.3, 35.7 | hsl(223.3,47.3%,35.7%) |
HSV (or HSB) | 223.3°, 64.2, 52.5 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 31.77, 11.731, -37.585 |
---|---|
XYZ | 7.838, 6.984, 23.488 |
xyY | 0.205, 0.182, 6.984 |
CIE-LCH | 31.77, 39.373, 287.335 |
CIE-LUV | 31.77, -10.971, -51.618 |
Hunter-Lab | 26.427, 6.697, -34.197 |
Binary | 00110000, 01001000, 10000110 |
Color Schemes with #304886
Alternatives to #304886
Below, you can see some colors close to #304886. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304886 Preview
This text has a font color of #304886.
<span style="color:#304886;">Text here</span>
This paragraph has a background color of #304886.
<p style="background-color:#304886;">Content here</p>
This element has a border color of #304886.
<div style="border:1px solid #304886;">Content here</div>
.text {color:#304886;}
.background {background-color:#304886;}
.border {border:1px solid #304886;}
Shades and Tints of #304886
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)
-
#070a12
#070a12
rgb(7,10,18)
-
#0c1221
#0c1221
rgb(12,18,33)
-
#11192f
#11192f
rgb(17,25,47)
-
#16213e
#16213e
rgb(22,33,62)
-
#1b294c
#1b294c
rgb(27,41,76)
-
#20315b
#20315b
rgb(32,49,91)
-
#263869
#263869
rgb(38,56,105)
-
#2b4078
#2b4078
rgb(43,64,120)
-
#304886
#304886
rgb(48,72,134)
-
#355094
#355094
rgb(53,80,148)
-
#3a58a3
#3a58a3
rgb(58,88,163)
-
#405fb1
#405fb1
rgb(64,95,177)
-
#4768bd
#4768bd
rgb(71,104,189)
-
#5674c2
#5674c2
rgb(86,116,194)
-
#6480c8
#6480c8
rgb(100,128,200)
-
#738ccd
#738ccd
rgb(115,140,205)
-
#8198d2
#8198d2
rgb(129,152,210)
-
#8fa3d7
#8fa3d7
rgb(143,163,215)
-
#9eafdc
#9eafdc
rgb(158,175,220)
-
#acbbe1
#acbbe1
rgb(172,187,225)
-
#bbc7e7
#bbc7e7
rgb(187,199,231)
-
#c9d3ec
#c9d3ec
rgb(201,211,236)
-
#d8dff1
#d8dff1
rgb(216,223,241)
-
#e6ebf6
#e6ebf6
rgb(230,235,246)
-
#f5f6fb
#f5f6fb
rgb(245,246,251)
Tones of #304886
A tone is produced by adding gray to any pure hue. In this case, #5a5b5c is the less saturated color, while #0635b0 is the most saturated one.
-
#5a5b5c
#5a5b5c
rgb(90,91,92)
-
#535763
#535763
rgb(83,87,99)
-
#4c546a
#4c546a
rgb(76,84,106)
-
#455171
#455171
rgb(69,81,113)
-
#3e4e78
#3e4e78
rgb(62,78,120)
-
#374b7f
#374b7f
rgb(55,75,127)
-
#304886
#304886
rgb(48,72,134)
-
#29458d
#29458d
rgb(41,69,141)
-
#224294
#224294
rgb(34,66,148)
-
#1b3f9b
#1b3f9b
rgb(27,63,155)
-
#143ca2
#143ca2
rgb(20,60,162)
-
#0d39a9
#0d39a9
rgb(13,57,169)
-
#0635b0
#0635b0
rgb(6,53,176)
Color Blindness Simulator
Below, you can see how #304886 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.