#304a64 Color Information
In a RGB color space, hex #304a64 is composed of 18.8% red, 29% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 26% magenta, 0% yellow and 60.8% black. It has a hue angle of 210 degrees, a saturation of 35.1% and a lightness of 29%. #304a64 color hex could be obtained by blending #6094c8 with #000000. Closest websafe color is: #333366.
-
- R 19
- G 29
- B 39
-
- C 52
- M 26
- Y 0
- K 61
● #304a64 color description : Very dark desaturated blue.
#304a64 Color Conversion
The hexadecimal color #304a64 has RGB values of R:48, G:74, B:100 and CMYK values of C:0.52, M:0.26, Y:0, K:0.61. Its decimal value is 3164772.
Hex triplet | 304a64 | #304a64 |
---|---|---|
RGB Decimal | 48, 74, 100 | rgb(48,74,100) |
RGB Percent | 18.8, 29, 39.2 | rgb(18.8%,29%,39.2%) |
CMYK | 52, 26, 0, 61 | |
HSL | 210°, 35.1, 29 | hsl(210,35.1%,29%) |
HSV (or HSB) | 210°, 52, 39.2 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.51, -1.75, -18.256 |
---|---|
XYZ | 5.967, 6.446, 12.986 |
xyY | 0.235, 0.254, 6.446 |
CIE-LCH | 30.51, 18.339, 264.524 |
CIE-LUV | 30.51, -11.614, -23.274 |
Hunter-Lab | 25.388, -2.474, -12.554 |
Binary | 00110000, 01001010, 01100100 |
Color Schemes with #304a64
Alternatives to #304a64
Below, you can see some colors close to #304a64. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304a64 Preview
This text has a font color of #304a64.
<span style="color:#304a64;">Text here</span>
This paragraph has a background color of #304a64.
<p style="background-color:#304a64;">Content here</p>
This element has a border color of #304a64.
<div style="border:1px solid #304a64;">Content here</div>
.text {color:#304a64;}
.background {background-color:#304a64;}
.border {border:1px solid #304a64;}
Shades and Tints of #304a64
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 #f9fbfc is the lightest one.
-
#030507
#030507
rgb(3,5,7)
-
#0a0f14
#0a0f14
rgb(10,15,20)
-
#101922
#101922
rgb(16,25,34)
-
#17232f
#17232f
rgb(23,35,47)
-
#1d2d3c
#1d2d3c
rgb(29,45,60)
-
#233649
#233649
rgb(35,54,73)
-
#2a4057
#2a4057
rgb(42,64,87)
-
#304a64
#304a64
rgb(48,74,100)
-
#365471
#365471
rgb(54,84,113)
-
#3d5e7f
#3d5e7f
rgb(61,94,127)
-
#43678c
#43678c
rgb(67,103,140)
-
#497199
#497199
rgb(73,113,153)
-
#507ba6
#507ba6
rgb(80,123,166)
-
#5a85b0
#5a85b0
rgb(90,133,176)
-
#678fb6
#678fb6
rgb(103,143,182)
-
#7498bc
#7498bc
rgb(116,152,188)
-
#82a2c3
#82a2c3
rgb(130,162,195)
-
#8facc9
#8facc9
rgb(143,172,201)
-
#9cb6d0
#9cb6d0
rgb(156,182,208)
-
#a9c0d6
#a9c0d6
rgb(169,192,214)
-
#b7cadc
#b7cadc
rgb(183,202,220)
-
#c4d3e3
#c4d3e3
rgb(196,211,227)
-
#d1dde9
#d1dde9
rgb(209,221,233)
-
#dee7ef
#dee7ef
rgb(222,231,239)
-
#ecf1f6
#ecf1f6
rgb(236,241,246)
-
#f9fbfc
#f9fbfc
rgb(249,251,252)
Tones of #304a64
A tone is produced by adding gray to any pure hue. In this case, #474a4d is the less saturated color, while #024a92 is the most saturated one.
-
#474a4d
#474a4d
rgb(71,74,77)
-
#414a53
#414a53
rgb(65,74,83)
-
#3b4a59
#3b4a59
rgb(59,74,89)
-
#364a5e
#364a5e
rgb(54,74,94)
-
#304a64
#304a64
rgb(48,74,100)
-
#2a4a6a
#2a4a6a
rgb(42,74,106)
-
#254a6f
#254a6f
rgb(37,74,111)
-
#1f4a75
#1f4a75
rgb(31,74,117)
-
#194a7b
#194a7b
rgb(25,74,123)
-
#144a80
#144a80
rgb(20,74,128)
-
#0e4a86
#0e4a86
rgb(14,74,134)
-
#084a8c
#084a8c
rgb(8,74,140)
-
#024a92
#024a92
rgb(2,74,146)
Color Blindness Simulator
Below, you can see how #304a64 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.