#304660 Color Information
In a RGB color space, hex #304660 is composed of 18.8% red, 27.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 27.1% magenta, 0% yellow and 62.4% black. It has a hue angle of 212.5 degrees, a saturation of 33.3% and a lightness of 28.2%. #304660 color hex could be obtained by blending #608cc0 with #000000. Closest websafe color is: #333366.
-
- R 19
- G 27
- B 38
-
- C 50
- M 27
- Y 0
- K 62
● #304660 color description : Very dark desaturated blue.
#304660 Color Conversion
The hexadecimal color #304660 has RGB values of R:48, G:70, B:96 and CMYK values of C:0.5, M:0.27, Y:0, K:0.62. Its decimal value is 3163744.
Hex triplet | 304660 | #304660 |
---|---|---|
RGB Decimal | 48, 70, 96 | rgb(48,70,96) |
RGB Percent | 18.8, 27.5, 37.6 | rgb(18.8%,27.5%,37.6%) |
CMYK | 50, 27, 0, 62 | |
HSL | 212.5°, 33.3, 28.2 | hsl(212.5,33.3%,28.2%) |
HSV (or HSB) | 212.5°, 50, 37.6 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 29.038, -0.503, -17.982 |
---|---|
XYZ | 5.52, 5.853, 11.905 |
xyY | 0.237, 0.251, 5.853 |
CIE-LCH | 29.038, 17.989, 268.397 |
CIE-LUV | 29.038, -10.086, -22.68 |
Hunter-Lab | 24.193, -1.61, -12.24 |
Binary | 00110000, 01000110, 01100000 |
Color Schemes with #304660
Alternatives to #304660
Below, you can see some colors close to #304660. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304660 Preview
This text has a font color of #304660.
<span style="color:#304660;">Text here</span>
This paragraph has a background color of #304660.
<p style="background-color:#304660;">Content here</p>
This element has a border color of #304660.
<div style="border:1px solid #304660;">Content here</div>
.text {color:#304660;}
.background {background-color:#304660;}
.border {border:1px solid #304660;}
Shades and Tints of #304660
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 #f6f8fb is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#090d12
#090d12
rgb(9,13,18)
-
#0f161f
#0f161f
rgb(15,22,31)
-
#16202c
#16202c
rgb(22,32,44)
-
#1c2939
#1c2939
rgb(28,41,57)
-
#233346
#233346
rgb(35,51,70)
-
#293c53
#293c53
rgb(41,60,83)
-
#304660
#304660
rgb(48,70,96)
-
#37506d
#37506d
rgb(55,80,109)
-
#3d597a
#3d597a
rgb(61,89,122)
-
#446387
#446387
rgb(68,99,135)
-
#4a6c94
#4a6c94
rgb(74,108,148)
-
#5176a1
#5176a1
rgb(81,118,161)
-
#597fac
#597fac
rgb(89,127,172)
-
#6789b3
#6789b3
rgb(103,137,179)
-
#7494b9
#7494b9
rgb(116,148,185)
-
#819ec0
#819ec0
rgb(129,158,192)
-
#8ea8c6
#8ea8c6
rgb(142,168,198)
-
#9bb2cd
#9bb2cd
rgb(155,178,205)
-
#a8bcd3
#a8bcd3
rgb(168,188,211)
-
#b5c6da
#b5c6da
rgb(181,198,218)
-
#c2d0e1
#c2d0e1
rgb(194,208,225)
-
#cfdae7
#cfdae7
rgb(207,218,231)
-
#dce4ee
#dce4ee
rgb(220,228,238)
-
#e9eef4
#e9eef4
rgb(233,238,244)
-
#f6f8fb
#f6f8fb
rgb(246,248,251)
Tones of #304660
A tone is produced by adding gray to any pure hue. In this case, #46484a is the less saturated color, while #04428c is the most saturated one.
-
#46484a
#46484a
rgb(70,72,74)
-
#41474f
#41474f
rgb(65,71,79)
-
#3b4755
#3b4755
rgb(59,71,85)
-
#36465a
#36465a
rgb(54,70,90)
-
#304660
#304660
rgb(48,70,96)
-
#2a4666
#2a4666
rgb(42,70,102)
-
#25456b
#25456b
rgb(37,69,107)
-
#1f4571
#1f4571
rgb(31,69,113)
-
#1a4476
#1a4476
rgb(26,68,118)
-
#14447c
#14447c
rgb(20,68,124)
-
#0f4381
#0f4381
rgb(15,67,129)
-
#094387
#094387
rgb(9,67,135)
-
#04428c
#04428c
rgb(4,66,140)
Color Blindness Simulator
Below, you can see how #304660 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.