#304e62 Color Information
In a RGB color space, hex #304e62 is composed of 18.8% red, 30.6% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 20.4% magenta, 0% yellow and 61.6% black. It has a hue angle of 204 degrees, a saturation of 34.2% and a lightness of 28.6%. #304e62 color hex could be obtained by blending #609cc4 with #000000. Closest websafe color is: #336666.
-
- R 19
- G 31
- B 38
-
- C 51
- M 20
- Y 0
- K 62
● #304e62 color description : Very dark desaturated blue.
#304e62 Color Conversion
The hexadecimal color #304e62 has RGB values of R:48, G:78, B:98 and CMYK values of C:0.51, M:0.2, Y:0, K:0.62. Its decimal value is 3165794.
Hex triplet | 304e62 | #304e62 |
---|---|---|
RGB Decimal | 48, 78, 98 | rgb(48,78,98) |
RGB Percent | 18.8, 30.6, 38.4 | rgb(18.8%,30.6%,38.4%) |
CMYK | 51, 20, 0, 62 | |
HSL | 204°, 34.2, 28.6 | hsl(204,34.2%,28.6%) |
HSV (or HSB) | 204°, 51, 38.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 31.713, -4.955, -15.131 |
---|---|
XYZ | 6.147, 6.959, 12.574 |
xyY | 0.239, 0.271, 6.959 |
CIE-LCH | 31.713, 15.921, 251.868 |
CIE-LUV | 31.713, -13.181, -18.917 |
Hunter-Lab | 26.379, -4.566, -9.795 |
Binary | 00110000, 01001110, 01100010 |
Color Schemes with #304e62
Alternatives to #304e62
Below, you can see some colors close to #304e62. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304e62 Preview
This text has a font color of #304e62.
<span style="color:#304e62;">Text here</span>
This paragraph has a background color of #304e62.
<p style="background-color:#304e62;">Content here</p>
This element has a border color of #304e62.
<div style="border:1px solid #304e62;">Content here</div>
.text {color:#304e62;}
.background {background-color:#304e62;}
.border {border:1px solid #304e62;}
Shades and Tints of #304e62
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)
-
#16242d
#16242d
rgb(22,36,45)
-
#1d2f3b
#1d2f3b
rgb(29,47,59)
-
#233948
#233948
rgb(35,57,72)
-
#2a4455
#2a4455
rgb(42,68,85)
-
#304e62
#304e62
rgb(48,78,98)
-
#36586f
#36586f
rgb(54,88,111)
-
#3d637c
#3d637c
rgb(61,99,124)
-
#436d89
#436d89
rgb(67,109,137)
-
#4a7897
#4a7897
rgb(74,120,151)
-
#5082a4
#5082a4
rgb(80,130,164)
-
#5a8cae
#5a8cae
rgb(90,140,174)
-
#6795b4
#6795b4
rgb(103,149,180)
-
#749fbb
#749fbb
rgb(116,159,187)
-
#81a8c1
#81a8c1
rgb(129,168,193)
-
#8eb1c8
#8eb1c8
rgb(142,177,200)
-
#9cbace
#9cbace
rgb(156,186,206)
-
#a9c3d5
#a9c3d5
rgb(169,195,213)
-
#b6ccdb
#b6ccdb
rgb(182,204,219)
-
#c3d5e2
#c3d5e2
rgb(195,213,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 #304e62
A tone is produced by adding gray to any pure hue. In this case, #464a4c is the less saturated color, while #03578f is the most saturated one.
-
#464a4c
#464a4c
rgb(70,74,76)
-
#414b51
#414b51
rgb(65,75,81)
-
#3b4c57
#3b4c57
rgb(59,76,87)
-
#364d5c
#364d5c
rgb(54,77,92)
-
#304e62
#304e62
rgb(48,78,98)
-
#2a4f68
#2a4f68
rgb(42,79,104)
-
#25506d
#25506d
rgb(37,80,109)
-
#1f5173
#1f5173
rgb(31,81,115)
-
#1a5278
#1a5278
rgb(26,82,120)
-
#14547e
#14547e
rgb(20,84,126)
-
#0e5584
#0e5584
rgb(14,85,132)
-
#095689
#095689
rgb(9,86,137)
-
#03578f
#03578f
rgb(3,87,143)
Color Blindness Simulator
Below, you can see how #304e62 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.