#304858 Color Information
In a RGB color space, hex #304858 is composed of 18.8% red, 28.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 18.2% magenta, 0% yellow and 65.5% black. It has a hue angle of 204 degrees, a saturation of 29.4% and a lightness of 26.7%. #304858 color hex could be obtained by blending #6090b0 with #000000. Closest websafe color is: #333366.
-
- R 19
- G 28
- B 35
-
- C 45
- M 18
- Y 0
- K 65
● #304858 color description : Very dark desaturated blue.
#304858 Color Conversion
The hexadecimal color #304858 has RGB values of R:48, G:72, B:88 and CMYK values of C:0.45, M:0.18, Y:0, K:0.65. Its decimal value is 3164248.
Hex triplet | 304858 | #304858 |
---|---|---|
RGB Decimal | 48, 72, 88 | rgb(48,72,88) |
RGB Percent | 18.8, 28.2, 34.5 | rgb(18.8%,28.2%,34.5%) |
CMYK | 45, 18, 0, 65 | |
HSL | 204°, 29.4, 26.7 | hsl(204,29.4%,26.7%) |
HSV (or HSB) | 204°, 45.5, 34.5 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 29.33, -4.399, -12.394 |
---|---|
XYZ | 5.297, 5.967, 10.105 |
xyY | 0.248, 0.279, 5.967 |
CIE-LCH | 29.33, 13.151, 250.457 |
CIE-LUV | 29.33, -10.864, -14.91 |
Hunter-Lab | 24.428, -4.042, -7.425 |
Binary | 00110000, 01001000, 01011000 |
Color Schemes with #304858
Alternatives to #304858
Below, you can see some colors close to #304858. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304858 Preview
This text has a font color of #304858.
<span style="color:#304858;">Text here</span>
This paragraph has a background color of #304858.
<p style="background-color:#304858;">Content here</p>
This element has a border color of #304858.
<div style="border:1px solid #304858;">Content here</div>
.text {color:#304858;}
.background {background-color:#304858;}
.border {border:1px solid #304858;}
Shades and Tints of #304858
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, #060a0c is the darkest color, while #fefeff is the lightest one.
-
#060a0c
#060a0c
rgb(6,10,12)
-
#0d1419
#0d1419
rgb(13,20,25)
-
#141e25
#141e25
rgb(20,30,37)
-
#1b2932
#1b2932
rgb(27,41,50)
-
#22333f
#22333f
rgb(34,51,63)
-
#293e4b
#293e4b
rgb(41,62,75)
-
#304858
#304858
rgb(48,72,88)
-
#375265
#375265
rgb(55,82,101)
-
#3e5d71
#3e5d71
rgb(62,93,113)
-
#45677e
#45677e
rgb(69,103,126)
-
#4c728b
#4c728b
rgb(76,114,139)
-
#537c97
#537c97
rgb(83,124,151)
-
#5a86a4
#5a86a4
rgb(90,134,164)
-
#6690ab
#6690ab
rgb(102,144,171)
-
#7399b2
#7399b2
rgb(115,153,178)
-
#7fa2b9
#7fa2b9
rgb(127,162,185)
-
#8cabc0
#8cabc0
rgb(140,171,192)
-
#99b5c7
#99b5c7
rgb(153,181,199)
-
#a5bece
#a5bece
rgb(165,190,206)
-
#b2c7d5
#b2c7d5
rgb(178,199,213)
-
#bfd0dc
#bfd0dc
rgb(191,208,220)
-
#cbd9e3
#cbd9e3
rgb(203,217,227)
-
#d8e3ea
#d8e3ea
rgb(216,227,234)
-
#e5ecf1
#e5ecf1
rgb(229,236,241)
-
#f1f5f8
#f1f5f8
rgb(241,245,248)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #304858
A tone is produced by adding gray to any pure hue. In this case, #404548 is the less saturated color, while #015187 is the most saturated one.
-
#404548
#404548
rgb(64,69,72)
-
#3a464e
#3a464e
rgb(58,70,78)
-
#354753
#354753
rgb(53,71,83)
-
#304858
#304858
rgb(48,72,88)
-
#2b495d
#2b495d
rgb(43,73,93)
-
#264a62
#264a62
rgb(38,74,98)
-
#204b68
#204b68
rgb(32,75,104)
-
#1b4c6d
#1b4c6d
rgb(27,76,109)
-
#164d72
#164d72
rgb(22,77,114)
-
#114e77
#114e77
rgb(17,78,119)
-
#0b4f7d
#0b4f7d
rgb(11,79,125)
-
#065082
#065082
rgb(6,80,130)
-
#015187
#015187
rgb(1,81,135)
Color Blindness Simulator
Below, you can see how #304858 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.