#303348 Color Information
In a RGB color space, hex #303348 is composed of 18.8% red, 20% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 29.2% magenta, 0% yellow and 71.8% black. It has a hue angle of 232.5 degrees, a saturation of 20% and a lightness of 23.5%. #303348 color hex could be obtained by blending #606690 with #000000. Closest websafe color is: #333333.
-
- R 19
- G 20
- B 28
-
- C 33
- M 29
- Y 0
- K 72
● #303348 color description : Very dark grayish blue.
#303348 Color Conversion
The hexadecimal color #303348 has RGB values of R:48, G:51, B:72 and CMYK values of C:0.33, M:0.29, Y:0, K:0.72. Its decimal value is 3158856.
Hex triplet | 303348 | #303348 |
---|---|---|
RGB Decimal | 48, 51, 72 | rgb(48,51,72) |
RGB Percent | 18.8, 20, 28.2 | rgb(18.8%,20%,28.2%) |
CMYK | 33, 29, 0, 72 | |
HSL | 232.5°, 20, 23.5 | hsl(232.5,20%,23.5%) |
HSV (or HSB) | 232.5°, 33.3, 28.2 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 21.813, 4.494, -13.412 |
---|---|
XYZ | 3.572, 3.464, 6.611 |
xyY | 0.262, 0.254, 3.464 |
CIE-LCH | 21.813, 14.145, 288.526 |
CIE-LUV | 21.813, -2.336, -15.504 |
Hunter-Lab | 18.611, 1.691, -8.032 |
Binary | 00110000, 00110011, 01001000 |
Color Schemes with #303348
Alternatives to #303348
Below, you can see some colors close to #303348. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#303348 Preview
This text has a font color of #303348.
<span style="color:#303348;">Text here</span>
This paragraph has a background color of #303348.
<p style="background-color:#303348;">Content here</p>
This element has a border color of #303348.
<div style="border:1px solid #303348;">Content here</div>
.text {color:#303348;}
.background {background-color:#303348;}
.border {border:1px solid #303348;}
Shades and Tints of #303348
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)
-
#09090d
#09090d
rgb(9,9,13)
-
#111219
#111219
rgb(17,18,25)
-
#181a25
#181a25
rgb(24,26,37)
-
#202230
#202230
rgb(32,34,48)
-
#282b3c
#282b3c
rgb(40,43,60)
-
#303348
#303348
rgb(48,51,72)
-
#383b54
#383b54
rgb(56,59,84)
-
#404460
#404460
rgb(64,68,96)
-
#484c6b
#484c6b
rgb(72,76,107)
-
#4f5477
#4f5477
rgb(79,84,119)
-
#575d83
#575d83
rgb(87,93,131)
-
#5f658f
#5f658f
rgb(95,101,143)
-
#676e9a
#676e9a
rgb(103,110,154)
-
#7379a2
#7379a2
rgb(115,121,162)
-
#7f84aa
#7f84aa
rgb(127,132,170)
-
#8b90b1
#8b90b1
rgb(139,144,177)
-
#969bb9
#969bb9
rgb(150,155,185)
-
#a2a6c1
#a2a6c1
rgb(162,166,193)
-
#aeb1c9
#aeb1c9
rgb(174,177,201)
-
#babdd1
#babdd1
rgb(186,189,209)
-
#c6c8d9
#c6c8d9
rgb(198,200,217)
-
#d1d3e1
#d1d3e1
rgb(209,211,225)
-
#dddee8
#dddee8
rgb(221,222,232)
-
#e9eaf0
#e9eaf0
rgb(233,234,240)
-
#f5f5f8
#f5f5f8
rgb(245,245,248)
Tones of #303348
A tone is produced by adding gray to any pure hue. In this case, #393a3f is the less saturated color, while #021076 is the most saturated one.
-
#393a3f
#393a3f
rgb(57,58,63)
-
#353643
#353643
rgb(53,54,67)
-
#303348
#303348
rgb(48,51,72)
-
#2b304d
#2b304d
rgb(43,48,77)
-
#272c51
#272c51
rgb(39,44,81)
-
#222956
#222956
rgb(34,41,86)
-
#1e255a
#1e255a
rgb(30,37,90)
-
#19225f
#19225f
rgb(25,34,95)
-
#141e64
#141e64
rgb(20,30,100)
-
#101b68
#101b68
rgb(16,27,104)
-
#0b176d
#0b176d
rgb(11,23,109)
-
#061472
#061472
rgb(6,20,114)
-
#021076
#021076
rgb(2,16,118)
Color Blindness Simulator
Below, you can see how #303348 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.