#304e63 Color Information
In a RGB color space, hex #304e63 is composed of 18.8% red, 30.6% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 21.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 204.7 degrees, a saturation of 34.7% and a lightness of 28.8%. #304e63 color hex could be obtained by blending #609cc6 with #000000. Closest websafe color is: #336666.
-
- R 19
- G 31
- B 39
-
- C 52
- M 21
- Y 0
- K 61
● #304e63 color description : Very dark desaturated blue.
#304e63 Color Conversion
The hexadecimal color #304e63 has RGB values of R:48, G:78, B:99 and CMYK values of C:0.52, M:0.21, Y:0, K:0.61. Its decimal value is 3165795.
Hex triplet | 304e63 | #304e63 |
---|---|---|
RGB Decimal | 48, 78, 99 | rgb(48,78,99) |
RGB Percent | 18.8, 30.6, 38.8 | rgb(18.8%,30.6%,38.8%) |
CMYK | 52, 21, 0, 61 | |
HSL | 204.7°, 34.7, 28.8 | hsl(204.7,34.7%,28.8%) |
HSV (or HSB) | 204.7°, 51.5, 38.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 31.756, -4.626, -15.698 |
---|---|
XYZ | 6.195, 6.978, 12.824 |
xyY | 0.238, 0.268, 6.978 |
CIE-LCH | 31.756, 16.365, 253.58 |
CIE-LUV | 31.756, -13.171, -19.735 |
Hunter-Lab | 26.415, -4.365, -10.293 |
Binary | 00110000, 01001110, 01100011 |
Color Schemes with #304e63
Alternatives to #304e63
Below, you can see some colors close to #304e63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304e63 Preview
This text has a font color of #304e63.
<span style="color:#304e63;">Text here</span>
This paragraph has a background color of #304e63.
<p style="background-color:#304e63;">Content here</p>
This element has a border color of #304e63.
<div style="border:1px solid #304e63;">Content here</div>
.text {color:#304e63;}
.background {background-color:#304e63;}
.border {border:1px solid #304e63;}
Shades and Tints of #304e63
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, #030507 is the darkest color, while #f8fafc is the lightest one.
-
#030507
#030507
rgb(3,5,7)
-
#0a1014
#0a1014
rgb(10,16,20)
-
#101a21
#101a21
rgb(16,26,33)
-
#16242e
#16242e
rgb(22,36,46)
-
#1d2f3b
#1d2f3b
rgb(29,47,59)
-
#233949
#233949
rgb(35,57,73)
-
#2a4456
#2a4456
rgb(42,68,86)
-
#304e63
#304e63
rgb(48,78,99)
-
#365870
#365870
rgb(54,88,112)
-
#3d637d
#3d637d
rgb(61,99,125)
-
#436d8b
#436d8b
rgb(67,109,139)
-
#4a7898
#4a7898
rgb(74,120,152)
-
#5082a5
#5082a5
rgb(80,130,165)
-
#5a8caf
#5a8caf
rgb(90,140,175)
-
#6795b5
#6795b5
rgb(103,149,181)
-
#749ebc
#749ebc
rgb(116,158,188)
-
#81a7c2
#81a7c2
rgb(129,167,194)
-
#8fb1c9
#8fb1c9
rgb(143,177,201)
-
#9cbacf
#9cbacf
rgb(156,186,207)
-
#a9c3d5
#a9c3d5
rgb(169,195,213)
-
#b6ccdc
#b6ccdc
rgb(182,204,220)
-
#c3d6e2
#c3d6e2
rgb(195,214,226)
-
#d1dfe9
#d1dfe9
rgb(209,223,233)
-
#dee8ef
#dee8ef
rgb(222,232,239)
-
#ebf1f5
#ebf1f5
rgb(235,241,245)
-
#f8fafc
#f8fafc
rgb(248,250,252)
Tones of #304e63
A tone is produced by adding gray to any pure hue. In this case, #474a4c is the less saturated color, while #035690 is the most saturated one.
-
#474a4c
#474a4c
rgb(71,74,76)
-
#414b52
#414b52
rgb(65,75,82)
-
#3b4c58
#3b4c58
rgb(59,76,88)
-
#364d5d
#364d5d
rgb(54,77,93)
-
#304e63
#304e63
rgb(48,78,99)
-
#2a4f69
#2a4f69
rgb(42,79,105)
-
#25506e
#25506e
rgb(37,80,110)
-
#1f5174
#1f5174
rgb(31,81,116)
-
#19527a
#19527a
rgb(25,82,122)
-
#14537f
#14537f
rgb(20,83,127)
-
#0e5485
#0e5485
rgb(14,84,133)
-
#08558b
#08558b
rgb(8,85,139)
-
#035690
#035690
rgb(3,86,144)
Color Blindness Simulator
Below, you can see how #304e63 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.