#304f62 Color Information
In a RGB color space, hex #304f62 is composed of 18.8% red, 31% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 19.4% magenta, 0% yellow and 61.6% black. It has a hue angle of 202.8 degrees, a saturation of 34.2% and a lightness of 28.6%. #304f62 color hex could be obtained by blending #609ec4 with #000000. Closest websafe color is: #336666.
-
- R 19
- G 31
- B 38
-
- C 51
- M 19
- Y 0
- K 62
● #304f62 color description : Very dark desaturated blue.
#304f62 Color Conversion
The hexadecimal color #304f62 has RGB values of R:48, G:79, B:98 and CMYK values of C:0.51, M:0.19, Y:0, K:0.62. Its decimal value is 3166050.
Hex triplet | 304f62 | #304f62 |
---|---|---|
RGB Decimal | 48, 79, 98 | rgb(48,79,98) |
RGB Percent | 18.8, 31, 38.4 | rgb(18.8%,31%,38.4%) |
CMYK | 51, 19, 0, 62 | |
HSL | 202.8°, 34.2, 28.6 | hsl(202.8,34.2%,28.6%) |
HSV (or HSB) | 202.8°, 51, 38.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.038, -5.58, -14.632 |
---|---|
XYZ | 6.219, 7.102, 12.598 |
xyY | 0.24, 0.274, 7.102 |
CIE-LCH | 32.038, 15.66, 249.127 |
CIE-LUV | 32.038, -13.575, -18.223 |
Hunter-Lab | 26.649, -4.981, -9.373 |
Binary | 00110000, 01001111, 01100010 |
Color Schemes with #304f62
Alternatives to #304f62
Below, you can see some colors close to #304f62. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304f62 Preview
This text has a font color of #304f62.
<span style="color:#304f62;">Text here</span>
This paragraph has a background color of #304f62.
<p style="background-color:#304f62;">Content here</p>
This element has a border color of #304f62.
<div style="border:1px solid #304f62;">Content here</div>
.text {color:#304f62;}
.background {background-color:#304f62;}
.border {border:1px solid #304f62;}
Shades and Tints of #304f62
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, #030506 is the darkest color, while #f8fafb is the lightest one.
-
#030506
#030506
rgb(3,5,6)
-
#090f13
#090f13
rgb(9,15,19)
-
#101a20
#101a20
rgb(16,26,32)
-
#16252d
#16252d
rgb(22,37,45)
-
#1d2f3b
#1d2f3b
rgb(29,47,59)
-
#233a48
#233a48
rgb(35,58,72)
-
#2a4455
#2a4455
rgb(42,68,85)
-
#304f62
#304f62
rgb(48,79,98)
-
#365a6f
#365a6f
rgb(54,90,111)
-
#3d647c
#3d647c
rgb(61,100,124)
-
#436f89
#436f89
rgb(67,111,137)
-
#4a7997
#4a7997
rgb(74,121,151)
-
#5084a4
#5084a4
rgb(80,132,164)
-
#5a8eae
#5a8eae
rgb(90,142,174)
-
#6797b4
#6797b4
rgb(103,151,180)
-
#74a0bb
#74a0bb
rgb(116,160,187)
-
#81a9c1
#81a9c1
rgb(129,169,193)
-
#8eb2c8
#8eb2c8
rgb(142,178,200)
-
#9cbbce
#9cbbce
rgb(156,187,206)
-
#a9c4d5
#a9c4d5
rgb(169,196,213)
-
#b6cddb
#b6cddb
rgb(182,205,219)
-
#c3d6e2
#c3d6e2
rgb(195,214,226)
-
#d0dfe8
#d0dfe8
rgb(208,223,232)
-
#dde8ef
#dde8ef
rgb(221,232,239)
-
#ebf1f5
#ebf1f5
rgb(235,241,245)
-
#f8fafb
#f8fafb
rgb(248,250,251)
Tones of #304f62
A tone is produced by adding gray to any pure hue. In this case, #464a4c is the less saturated color, while #035a8f is the most saturated one.
-
#464a4c
#464a4c
rgb(70,74,76)
-
#414b51
#414b51
rgb(65,75,81)
-
#3b4c57
#3b4c57
rgb(59,76,87)
-
#364e5c
#364e5c
rgb(54,78,92)
-
#304f62
#304f62
rgb(48,79,98)
-
#2a5068
#2a5068
rgb(42,80,104)
-
#25526d
#25526d
rgb(37,82,109)
-
#1f5373
#1f5373
rgb(31,83,115)
-
#1a5478
#1a5478
rgb(26,84,120)
-
#14567e
#14567e
rgb(20,86,126)
-
#0e5784
#0e5784
rgb(14,87,132)
-
#095889
#095889
rgb(9,88,137)
-
#035a8f
#035a8f
rgb(3,90,143)
Color Blindness Simulator
Below, you can see how #304f62 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.