#304d89 Color Information
In a RGB color space, hex #304d89 is composed of 18.8% red, 30.2% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 43.8% magenta, 0% yellow and 46.3% black. It has a hue angle of 220.4 degrees, a saturation of 48.1% and a lightness of 36.3%. #304d89 color hex could be obtained by blending #609aff with #000013. Closest websafe color is: #336699.
-
- R 19
- G 30
- B 54
-
- C 65
- M 44
- Y 0
- K 46
● #304d89 color description : Dark moderate blue.
#304d89 Color Conversion
The hexadecimal color #304d89 has RGB values of R:48, G:77, B:137 and CMYK values of C:0.65, M:0.44, Y:0, K:0.46. Its decimal value is 3165577.
Hex triplet | 304d89 | #304d89 |
---|---|---|
RGB Decimal | 48, 77, 137 | rgb(48,77,137) |
RGB Percent | 18.8, 30.2, 53.7 | rgb(18.8%,30.2%,53.7%) |
CMYK | 65, 44, 0, 46 | |
HSL | 220.4°, 48.1, 36.3 | hsl(220.4,48.1%,36.3%) |
HSV (or HSB) | 220.4°, 65, 53.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 33.439, 9.502, -36.766 |
---|---|
XYZ | 8.387, 7.742, 24.718 |
xyY | 0.205, 0.19, 7.742 |
CIE-LCH | 33.439, 37.974, 284.491 |
CIE-LUV | 33.439, -12.594, -51.13 |
Hunter-Lab | 27.824, 5.114, -33.194 |
Binary | 00110000, 01001101, 10001001 |
Color Schemes with #304d89
Alternatives to #304d89
Below, you can see some colors close to #304d89. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304d89 Preview
This text has a font color of #304d89.
<span style="color:#304d89;">Text here</span>
This paragraph has a background color of #304d89.
<p style="background-color:#304d89;">Content here</p>
This element has a border color of #304d89.
<div style="border:1px solid #304d89;">Content here</div>
.text {color:#304d89;}
.background {background-color:#304d89;}
.border {border:1px solid #304d89;}
Shades and Tints of #304d89
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, #020406 is the darkest color, while #f7f8fc is the lightest one.
-
#020406
#020406
rgb(2,4,6)
-
#070c15
#070c15
rgb(7,12,21)
-
#0c1423
#0c1423
rgb(12,20,35)
-
#111c32
#111c32
rgb(17,28,50)
-
#172440
#172440
rgb(23,36,64)
-
#1c2c4f
#1c2c4f
rgb(28,44,79)
-
#21355d
#21355d
rgb(33,53,93)
-
#263d6c
#263d6c
rgb(38,61,108)
-
#2b457a
#2b457a
rgb(43,69,122)
-
#304d89
#304d89
rgb(48,77,137)
-
#355598
#355598
rgb(53,85,152)
-
#3a5da6
#3a5da6
rgb(58,93,166)
-
#3f65b5
#3f65b5
rgb(63,101,181)
-
#486fbf
#486fbf
rgb(72,111,191)
-
#577bc4
#577bc4
rgb(87,123,196)
-
#6586c9
#6586c9
rgb(101,134,201)
-
#7491ce
#7491ce
rgb(116,145,206)
-
#839dd3
#839dd3
rgb(131,157,211)
-
#91a8d8
#91a8d8
rgb(145,168,216)
-
#a0b4de
#a0b4de
rgb(160,180,222)
-
#aebfe3
#aebfe3
rgb(174,191,227)
-
#bdcbe8
#bdcbe8
rgb(189,203,232)
-
#cbd6ed
#cbd6ed
rgb(203,214,237)
-
#dae2f2
#dae2f2
rgb(218,226,242)
-
#e8edf7
#e8edf7
rgb(232,237,247)
-
#f7f8fc
#f7f8fc
rgb(247,248,252)
Tones of #304d89
A tone is produced by adding gray to any pure hue. In this case, #5b5c5e is the less saturated color, while #053eb4 is the most saturated one.
-
#5b5c5e
#5b5c5e
rgb(91,92,94)
-
#545965
#545965
rgb(84,89,101)
-
#4c576d
#4c576d
rgb(76,87,109)
-
#455474
#455474
rgb(69,84,116)
-
#3e527b
#3e527b
rgb(62,82,123)
-
#374f82
#374f82
rgb(55,79,130)
-
#304d89
#304d89
rgb(48,77,137)
-
#294b90
#294b90
rgb(41,75,144)
-
#224897
#224897
rgb(34,72,151)
-
#1b469e
#1b469e
rgb(27,70,158)
-
#1443a5
#1443a5
rgb(20,67,165)
-
#0c41ad
#0c41ad
rgb(12,65,173)
-
#053eb4
#053eb4
rgb(5,62,180)
Color Blindness Simulator
Below, you can see how #304d89 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.