#304f63 Color Information
In a RGB color space, hex #304f63 is composed of 18.8% red, 31% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 20.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 203.5 degrees, a saturation of 34.7% and a lightness of 28.8%. #304f63 color hex could be obtained by blending #609ec6 with #000000. Closest websafe color is: #336666.
-
- R 19
- G 31
- B 39
-
- C 52
- M 20
- Y 0
- K 61
● #304f63 color description : Very dark desaturated blue.
#304f63 Color Conversion
The hexadecimal color #304f63 has RGB values of R:48, G:79, B:99 and CMYK values of C:0.52, M:0.2, Y:0, K:0.61. Its decimal value is 3166051.
Hex triplet | 304f63 | #304f63 |
---|---|---|
RGB Decimal | 48, 79, 99 | rgb(48,79,99) |
RGB Percent | 18.8, 31, 38.8 | rgb(18.8%,31%,38.8%) |
CMYK | 52, 20, 0, 61 | |
HSL | 203.5°, 34.7, 28.8 | hsl(203.5,34.7%,28.8%) |
HSV (or HSB) | 203.5°, 51.5, 38.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.08, -5.252, -15.199 |
---|---|
XYZ | 6.266, 7.121, 12.848 |
xyY | 0.239, 0.271, 7.121 |
CIE-LCH | 32.08, 16.081, 250.937 |
CIE-LUV | 32.08, -13.563, -19.042 |
Hunter-Lab | 26.685, -4.781, -9.867 |
Binary | 00110000, 01001111, 01100011 |
Color Schemes with #304f63
Alternatives to #304f63
Below, you can see some colors close to #304f63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304f63 Preview
This text has a font color of #304f63.
<span style="color:#304f63;">Text here</span>
This paragraph has a background color of #304f63.
<p style="background-color:#304f63;">Content here</p>
This element has a border color of #304f63.
<div style="border:1px solid #304f63;">Content here</div>
.text {color:#304f63;}
.background {background-color:#304f63;}
.border {border:1px solid #304f63;}
Shades and Tints of #304f63
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)
-
#16252e
#16252e
rgb(22,37,46)
-
#1d2f3b
#1d2f3b
rgb(29,47,59)
-
#233a49
#233a49
rgb(35,58,73)
-
#2a4456
#2a4456
rgb(42,68,86)
-
#304f63
#304f63
rgb(48,79,99)
-
#365a70
#365a70
rgb(54,90,112)
-
#3d647d
#3d647d
rgb(61,100,125)
-
#436f8b
#436f8b
rgb(67,111,139)
-
#4a7998
#4a7998
rgb(74,121,152)
-
#5084a5
#5084a5
rgb(80,132,165)
-
#5a8eaf
#5a8eaf
rgb(90,142,175)
-
#6797b5
#6797b5
rgb(103,151,181)
-
#74a0bc
#74a0bc
rgb(116,160,188)
-
#81a9c2
#81a9c2
rgb(129,169,194)
-
#8fb2c9
#8fb2c9
rgb(143,178,201)
-
#9cbbcf
#9cbbcf
rgb(156,187,207)
-
#a9c4d5
#a9c4d5
rgb(169,196,213)
-
#b6cddc
#b6cddc
rgb(182,205,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 #304f63
A tone is produced by adding gray to any pure hue. In this case, #474a4c is the less saturated color, while #035990 is the most saturated one.
-
#474a4c
#474a4c
rgb(71,74,76)
-
#414b52
#414b52
rgb(65,75,82)
-
#3b4d58
#3b4d58
rgb(59,77,88)
-
#364e5d
#364e5d
rgb(54,78,93)
-
#304f63
#304f63
rgb(48,79,99)
-
#2a5069
#2a5069
rgb(42,80,105)
-
#25516e
#25516e
rgb(37,81,110)
-
#1f5374
#1f5374
rgb(31,83,116)
-
#19547a
#19547a
rgb(25,84,122)
-
#14557f
#14557f
rgb(20,85,127)
-
#0e5685
#0e5685
rgb(14,86,133)
-
#08588b
#08588b
rgb(8,88,139)
-
#035990
#035990
rgb(3,89,144)
Color Blindness Simulator
Below, you can see how #304f63 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.