#304b55 Color Information
In a RGB color space, hex #304b55 is composed of 18.8% red, 29.4% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 43.5% cyan, 11.8% magenta, 0% yellow and 66.7% black. It has a hue angle of 196.2 degrees, a saturation of 27.8% and a lightness of 26.1%. #304b55 color hex could be obtained by blending #6096aa with #000000. Closest websafe color is: #333366.
-
- R 19
- G 29
- B 33
-
- C 44
- M 12
- Y 0
- K 67
● #304b55 color description : Very dark desaturated blue.
#304b55 Color Conversion
The hexadecimal color #304b55 has RGB values of R:48, G:75, B:85 and CMYK values of C:0.44, M:0.12, Y:0, K:0.67. Its decimal value is 3165013.
Hex triplet | 304b55 | #304b55 |
---|---|---|
RGB Decimal | 48, 75, 85 | rgb(48,75,85) |
RGB Percent | 18.8, 29.4, 33.3 | rgb(18.8%,29.4%,33.3%) |
CMYK | 44, 12, 0, 67 | |
HSL | 196.2°, 27.8, 26.1 | hsl(196.2,27.8%,26.1%) |
HSV (or HSB) | 196.2°, 43.5, 33.3 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.196, -7.213, -9.149 |
---|---|
XYZ | 5.374, 6.316, 9.53 |
xyY | 0.253, 0.298, 6.316 |
CIE-LCH | 30.196, 11.65, 231.75 |
CIE-LUV | 30.196, -12.096, -10.469 |
Hunter-Lab | 25.132, -5.81, -4.89 |
Binary | 00110000, 01001011, 01010101 |
Color Schemes with #304b55
Alternatives to #304b55
Below, you can see some colors close to #304b55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#304b55 Preview
This text has a font color of #304b55.
<span style="color:#304b55;">Text here</span>
This paragraph has a background color of #304b55.
<p style="background-color:#304b55;">Content here</p>
This element has a border color of #304b55.
<div style="border:1px solid #304b55;">Content here</div>
.text {color:#304b55;}
.background {background-color:#304b55;}
.border {border:1px solid #304b55;}
Shades and Tints of #304b55
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, #06090a is the darkest color, while #fcfdfd is the lightest one.
-
#06090a
#06090a
rgb(6,9,10)
-
#0d1416
#0d1416
rgb(13,20,22)
-
#141f23
#141f23
rgb(20,31,35)
-
#1b2a2f
#1b2a2f
rgb(27,42,47)
-
#22353c
#22353c
rgb(34,53,60)
-
#294048
#294048
rgb(41,64,72)
-
#304b55
#304b55
rgb(48,75,85)
-
#375662
#375662
rgb(55,86,98)
-
#3e616e
#3e616e
rgb(62,97,110)
-
#456c7b
#456c7b
rgb(69,108,123)
-
#4c7787
#4c7787
rgb(76,119,135)
-
#538294
#538294
rgb(83,130,148)
-
#5a8da0
#5a8da0
rgb(90,141,160)
-
#6696a8
#6696a8
rgb(102,150,168)
-
#729fb0
#729fb0
rgb(114,159,176)
-
#7fa8b7
#7fa8b7
rgb(127,168,183)
-
#8bb0be
#8bb0be
rgb(139,176,190)
-
#98b9c5
#98b9c5
rgb(152,185,197)
-
#a4c1cc
#a4c1cc
rgb(164,193,204)
-
#b1cad3
#b1cad3
rgb(177,202,211)
-
#bed2da
#bed2da
rgb(190,210,218)
-
#cadbe1
#cadbe1
rgb(202,219,225)
-
#d7e3e8
#d7e3e8
rgb(215,227,232)
-
#e3ecef
#e3ecef
rgb(227,236,239)
-
#f0f5f6
#f0f5f6
rgb(240,245,246)
-
#fcfdfd
#fcfdfd
rgb(252,253,253)
Tones of #304b55
A tone is produced by adding gray to any pure hue. In this case, #3f4446 is the less saturated color, while #026083 is the most saturated one.
-
#3f4446
#3f4446
rgb(63,68,70)
-
#3a464b
#3a464b
rgb(58,70,75)
-
#354950
#354950
rgb(53,73,80)
-
#304b55
#304b55
rgb(48,75,85)
-
#2b4d5a
#2b4d5a
rgb(43,77,90)
-
#26505f
#26505f
rgb(38,80,95)
-
#215264
#215264
rgb(33,82,100)
-
#1c5469
#1c5469
rgb(28,84,105)
-
#16576f
#16576f
rgb(22,87,111)
-
#115974
#115974
rgb(17,89,116)
-
#0c5b79
#0c5b79
rgb(12,91,121)
-
#075e7e
#075e7e
rgb(7,94,126)
-
#026083
#026083
rgb(2,96,131)
Color Blindness Simulator
Below, you can see how #304b55 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.