#303648 Color Information
In a RGB color space, hex #303648 is composed of 18.8% red, 21.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 25% magenta, 0% yellow and 71.8% black. It has a hue angle of 225 degrees, a saturation of 20% and a lightness of 23.5%. #303648 color hex could be obtained by blending #606c90 with #000000. Closest websafe color is: #333333.
-
- R 19
- G 21
- B 28
-
- C 33
- M 25
- Y 0
- K 72
● #303648 color description : Very dark grayish blue.
#303648 Color Conversion
The hexadecimal color #303648 has RGB values of R:48, G:54, B:72 and CMYK values of C:0.33, M:0.25, Y:0, K:0.72. Its decimal value is 3159624.
Hex triplet | 303648 | #303648 |
---|---|---|
RGB Decimal | 48, 54, 72 | rgb(48,54,72) |
RGB Percent | 18.8, 21.2, 28.2 | rgb(18.8%,21.2%,28.2%) |
CMYK | 33, 25, 0, 72 | |
HSL | 225°, 20, 23.5 | hsl(225,20%,23.5%) |
HSV (or HSB) | 225°, 33.3, 28.2 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 22.774, 2.444, -11.935 |
---|---|
XYZ | 3.708, 3.735, 6.656 |
xyY | 0.263, 0.265, 3.735 |
CIE-LCH | 22.774, 12.183, 281.573 |
CIE-LUV | 22.774, -3.478, -13.792 |
Hunter-Lab | 19.325, 0.427, -6.894 |
Binary | 00110000, 00110110, 01001000 |
Color Schemes with #303648
Alternatives to #303648
Below, you can see some colors close to #303648. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#303648 Preview
This text has a font color of #303648.
<span style="color:#303648;">Text here</span>
This paragraph has a background color of #303648.
<p style="background-color:#303648;">Content here</p>
This element has a border color of #303648.
<div style="border:1px solid #303648;">Content here</div>
.text {color:#303648;}
.background {background-color:#303648;}
.border {border:1px solid #303648;}
Shades and Tints of #303648
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, #010101 is the darkest color, while #f5f5f8 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#090a0d
#090a0d
rgb(9,10,13)
-
#111319
#111319
rgb(17,19,25)
-
#181c25
#181c25
rgb(24,28,37)
-
#202430
#202430
rgb(32,36,48)
-
#282d3c
#282d3c
rgb(40,45,60)
-
#303648
#303648
rgb(48,54,72)
-
#383f54
#383f54
rgb(56,63,84)
-
#404860
#404860
rgb(64,72,96)
-
#48506b
#48506b
rgb(72,80,107)
-
#4f5977
#4f5977
rgb(79,89,119)
-
#576283
#576283
rgb(87,98,131)
-
#5f6b8f
#5f6b8f
rgb(95,107,143)
-
#67749a
#67749a
rgb(103,116,154)
-
#737fa2
#737fa2
rgb(115,127,162)
-
#7f8aaa
#7f8aaa
rgb(127,138,170)
-
#8b94b1
#8b94b1
rgb(139,148,177)
-
#969fb9
#969fb9
rgb(150,159,185)
-
#a2aac1
#a2aac1
rgb(162,170,193)
-
#aeb5c9
#aeb5c9
rgb(174,181,201)
-
#bac0d1
#bac0d1
rgb(186,192,209)
-
#c6cad9
#c6cad9
rgb(198,202,217)
-
#d1d5e1
#d1d5e1
rgb(209,213,225)
-
#dde0e8
#dde0e8
rgb(221,224,232)
-
#e9ebf0
#e9ebf0
rgb(233,235,240)
-
#f5f5f8
#f5f5f8
rgb(245,245,248)
Tones of #303648
A tone is produced by adding gray to any pure hue. In this case, #393b3f is the less saturated color, while #021f76 is the most saturated one.
-
#393b3f
#393b3f
rgb(57,59,63)
-
#353843
#353843
rgb(53,56,67)
-
#303648
#303648
rgb(48,54,72)
-
#2b344d
#2b344d
rgb(43,52,77)
-
#273151
#273151
rgb(39,49,81)
-
#222f56
#222f56
rgb(34,47,86)
-
#1e2d5a
#1e2d5a
rgb(30,45,90)
-
#192a5f
#192a5f
rgb(25,42,95)
-
#142864
#142864
rgb(20,40,100)
-
#102668
#102668
rgb(16,38,104)
-
#0b246d
#0b246d
rgb(11,36,109)
-
#062172
#062172
rgb(6,33,114)
-
#021f76
#021f76
rgb(2,31,118)
Color Blindness Simulator
Below, you can see how #303648 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.