#304f73 Color Information
In a RGB color space, hex #304f73 is composed of 18.8% red, 31% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 31.3% magenta, 0% yellow and 54.9% black. It has a hue angle of 212.2 degrees, a saturation of 41.1% and a lightness of 32%. #304f73 color hex could be obtained by blending #609ee6 with #000000. Closest websafe color is: #336666.
-
- R 19
- G 31
- B 45
-
- C 58
- M 31
- Y 0
- K 55
● #304f73 color description : Dark moderate blue.
#304f73 Color Conversion
The hexadecimal color #304f73 has RGB values of R:48, G:79, B:115 and CMYK values of C:0.58, M:0.31, Y:0, K:0.55. Its decimal value is 3166067.
Hex triplet | 304f73 | #304f73 |
---|---|---|
RGB Decimal | 48, 79, 115 | rgb(48,79,115) |
RGB Percent | 18.8, 31, 45.1 | rgb(18.8%,31%,45.1%) |
CMYK | 58, 31, 0, 55 | |
HSL | 212.2°, 41.1, 32 | hsl(212.2,41.1%,32%) |
HSV (or HSB) | 212.2°, 58.3, 45.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.827, 0.201, -24.105 |
---|---|
XYZ | 7.109, 7.458, 17.284 |
xyY | 0.223, 0.234, 7.458 |
CIE-LCH | 32.827, 24.106, 270.478 |
CIE-LUV | 32.827, -13.393, -32.187 |
Hunter-Lab | 27.309, -1.326, -18.408 |
Binary | 00110000, 01001111, 01110011 |
Color Schemes with #304f73
Alternatives to #304f73
Below, you can see some colors close to #304f73. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304f73 Preview
This text has a font color of #304f73.
<span style="color:#304f73;">Text here</span>
This paragraph has a background color of #304f73.
<p style="background-color:#304f73;">Content here</p>
This element has a border color of #304f73.
<div style="border:1px solid #304f73;">Content here</div>
.text {color:#304f73;}
.background {background-color:#304f73;}
.border {border:1px solid #304f73;}
Shades and Tints of #304f73
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, #020304 is the darkest color, while #f5f8fb is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#080c12
#080c12
rgb(8,12,18)
-
#0d1620
#0d1620
rgb(13,22,32)
-
#131f2e
#131f2e
rgb(19,31,46)
-
#19293c
#19293c
rgb(25,41,60)
-
#1f3249
#1f3249
rgb(31,50,73)
-
#243c57
#243c57
rgb(36,60,87)
-
#2a4565
#2a4565
rgb(42,69,101)
-
#304f73
#304f73
rgb(48,79,115)
-
#365981
#365981
rgb(54,89,129)
-
#3c628f
#3c628f
rgb(60,98,143)
-
#416c9d
#416c9d
rgb(65,108,157)
-
#4775aa
#4775aa
rgb(71,117,170)
-
#4f7fb6
#4f7fb6
rgb(79,127,182)
-
#5d89bb
#5d89bb
rgb(93,137,187)
-
#6b93c1
#6b93c1
rgb(107,147,193)
-
#799dc7
#799dc7
rgb(121,157,199)
-
#87a7cd
#87a7cd
rgb(135,167,205)
-
#95b1d3
#95b1d3
rgb(149,177,211)
-
#a2bbd8
#a2bbd8
rgb(162,187,216)
-
#b0c5de
#b0c5de
rgb(176,197,222)
-
#bed0e4
#bed0e4
rgb(190,208,228)
-
#ccdaea
#ccdaea
rgb(204,218,234)
-
#dae4ef
#dae4ef
rgb(218,228,239)
-
#e8eef5
#e8eef5
rgb(232,238,245)
-
#f5f8fb
#f5f8fb
rgb(245,248,251)
Tones of #304f73
A tone is produced by adding gray to any pure hue. In this case, #4f5154 is the less saturated color, while #044c9f is the most saturated one.
-
#4f5154
#4f5154
rgb(79,81,84)
-
#49515a
#49515a
rgb(73,81,90)
-
#435060
#435060
rgb(67,80,96)
-
#3d5066
#3d5066
rgb(61,80,102)
-
#364f6d
#364f6d
rgb(54,79,109)
-
#304f73
#304f73
rgb(48,79,115)
-
#2a4f79
#2a4f79
rgb(42,79,121)
-
#234e80
#234e80
rgb(35,78,128)
-
#1d4e86
#1d4e86
rgb(29,78,134)
-
#174d8c
#174d8c
rgb(23,77,140)
-
#114d92
#114d92
rgb(17,77,146)
-
#0a4c99
#0a4c99
rgb(10,76,153)
-
#044c9f
#044c9f
rgb(4,76,159)
Color Blindness Simulator
Below, you can see how #304f73 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.