#304f75 Color Information
In a RGB color space, hex #304f75 is composed of 18.8% red, 31% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 32.5% magenta, 0% yellow and 54.1% black. It has a hue angle of 213 degrees, a saturation of 41.8% and a lightness of 32.4%. #304f75 color hex could be obtained by blending #609eea with #000000. Closest websafe color is: #336666.
-
- R 19
- G 31
- B 46
-
- C 59
- M 32
- Y 0
- K 54
● #304f75 color description : Dark moderate blue.
#304f75 Color Conversion
The hexadecimal color #304f75 has RGB values of R:48, G:79, B:117 and CMYK values of C:0.59, M:0.32, Y:0, K:0.54. Its decimal value is 3166069.
Hex triplet | 304f75 | #304f75 |
---|---|---|
RGB Decimal | 48, 79, 117 | rgb(48,79,117) |
RGB Percent | 18.8, 31, 45.9 | rgb(18.8%,31%,45.9%) |
CMYK | 59, 32, 0, 54 | |
HSL | 213°, 41.8, 32.4 | hsl(213,41.8%,32.4%) |
HSV (or HSB) | 213°, 59, 45.9 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.928, 0.907, -25.196 |
---|---|
XYZ | 7.225, 7.504, 17.896 |
xyY | 0.221, 0.23, 7.504 |
CIE-LCH | 32.928, 25.212, 272.063 |
CIE-LUV | 32.928, -13.376, -33.825 |
Hunter-Lab | 27.394, -0.861, -19.558 |
Binary | 00110000, 01001111, 01110101 |
Color Schemes with #304f75
Alternatives to #304f75
Below, you can see some colors close to #304f75. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304f75 Preview
This text has a font color of #304f75.
<span style="color:#304f75;">Text here</span>
This paragraph has a background color of #304f75.
<p style="background-color:#304f75;">Content here</p>
This element has a border color of #304f75.
<div style="border:1px solid #304f75;">Content here</div>
.text {color:#304f75;}
.background {background-color:#304f75;}
.border {border:1px solid #304f75;}
Shades and Tints of #304f75
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 #f7f9fc is the lightest one.
-
#020406
#020406
rgb(2,4,6)
-
#080d14
#080d14
rgb(8,13,20)
-
#0e1722
#0e1722
rgb(14,23,34)
-
#13202f
#13202f
rgb(19,32,47)
-
#19293d
#19293d
rgb(25,41,61)
-
#1f334b
#1f334b
rgb(31,51,75)
-
#253c59
#253c59
rgb(37,60,89)
-
#2a4667
#2a4667
rgb(42,70,103)
-
#304f75
#304f75
rgb(48,79,117)
-
#365883
#365883
rgb(54,88,131)
-
#3b6291
#3b6291
rgb(59,98,145)
-
#416b9f
#416b9f
rgb(65,107,159)
-
#4775ad
#4775ad
rgb(71,117,173)
-
#507eb7
#507eb7
rgb(80,126,183)
-
#5e89bd
#5e89bd
rgb(94,137,189)
-
#6c93c3
#6c93c3
rgb(108,147,195)
-
#7a9dc8
#7a9dc8
rgb(122,157,200)
-
#88a7ce
#88a7ce
rgb(136,167,206)
-
#95b1d4
#95b1d4
rgb(149,177,212)
-
#a3bcd9
#a3bcd9
rgb(163,188,217)
-
#b1c6df
#b1c6df
rgb(177,198,223)
-
#bfd0e5
#bfd0e5
rgb(191,208,229)
-
#cddaeb
#cddaeb
rgb(205,218,235)
-
#dbe5f0
#dbe5f0
rgb(219,229,240)
-
#e9eff6
#e9eff6
rgb(233,239,246)
-
#f7f9fc
#f7f9fc
rgb(247,249,252)
Tones of #304f75
A tone is produced by adding gray to any pure hue. In this case, #505255 is the less saturated color, while #044aa1 is the most saturated one.
-
#505255
#505255
rgb(80,82,85)
-
#49525c
#49525c
rgb(73,82,92)
-
#435162
#435162
rgb(67,81,98)
-
#3d5068
#3d5068
rgb(61,80,104)
-
#36506f
#36506f
rgb(54,80,111)
-
#304f75
#304f75
rgb(48,79,117)
-
#2a4e7b
#2a4e7b
rgb(42,78,123)
-
#234e82
#234e82
rgb(35,78,130)
-
#1d4d88
#1d4d88
rgb(29,77,136)
-
#174c8e
#174c8e
rgb(23,76,142)
-
#104c95
#104c95
rgb(16,76,149)
-
#0a4b9b
#0a4b9b
rgb(10,75,155)
-
#044aa1
#044aa1
rgb(4,74,161)
Color Blindness Simulator
Below, you can see how #304f75 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.