#303356 Color Information
In a RGB color space, hex #303356 is composed of 18.8% red, 20% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 44.2% cyan, 40.7% magenta, 0% yellow and 66.3% black. It has a hue angle of 235.3 degrees, a saturation of 28.4% and a lightness of 26.3%. #303356 color hex could be obtained by blending #6066ac with #000000. Closest websafe color is: #333366.
-
- R 19
- G 20
- B 34
-
- C 44
- M 41
- Y 0
- K 66
● #303356 color description : Very dark desaturated blue.
#303356 Color Conversion
The hexadecimal color #303356 has RGB values of R:48, G:51, B:86 and CMYK values of C:0.44, M:0.41, Y:0, K:0.66. Its decimal value is 3158870.
Hex triplet | 303356 | #303356 |
---|---|---|
RGB Decimal | 48, 51, 86 | rgb(48,51,86) |
RGB Percent | 18.8, 20, 33.7 | rgb(18.8%,20%,33.7%) |
CMYK | 44, 41, 0, 66 | |
HSL | 235.3°, 28.4, 26.3 | hsl(235.3,28.4%,26.3%) |
HSV (or HSB) | 235.3°, 44.2, 33.7 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 22.541, 8.974, -21.617 |
---|---|
XYZ | 4.082, 3.668, 9.296 |
xyY | 0.239, 0.215, 3.668 |
CIE-LCH | 22.541, 23.405, 292.544 |
CIE-LUV | 22.541, -2.969, -26.039 |
Hunter-Lab | 19.152, 4.532, -15.374 |
Binary | 00110000, 00110011, 01010110 |
Color Schemes with #303356
Alternatives to #303356
Below, you can see some colors close to #303356. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#303356 Preview
This text has a font color of #303356.
<span style="color:#303356;">Text here</span>
This paragraph has a background color of #303356.
<p style="background-color:#303356;">Content here</p>
This element has a border color of #303356.
<div style="border:1px solid #303356;">Content here</div>
.text {color:#303356;}
.background {background-color:#303356;}
.border {border:1px solid #303356;}
Shades and Tints of #303356
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, #06060a is the darkest color, while #fdfdfe is the lightest one.
-
#06060a
#06060a
rgb(6,6,10)
-
#0d0e17
#0d0e17
rgb(13,14,23)
-
#141524
#141524
rgb(20,21,36)
-
#1b1d30
#1b1d30
rgb(27,29,48)
-
#22243d
#22243d
rgb(34,36,61)
-
#292c49
#292c49
rgb(41,44,73)
-
#303356
#303356
rgb(48,51,86)
-
#373a63
#373a63
rgb(55,58,99)
-
#3e426f
#3e426f
rgb(62,66,111)
-
#45497c
#45497c
rgb(69,73,124)
-
#4c5188
#4c5188
rgb(76,81,136)
-
#535895
#535895
rgb(83,88,149)
-
#5a60a2
#5a60a2
rgb(90,96,162)
-
#666ba9
#666ba9
rgb(102,107,169)
-
#7277b1
#7277b1
rgb(114,119,177)
-
#7f83b8
#7f83b8
rgb(127,131,184)
-
#8c90bf
#8c90bf
rgb(140,144,191)
-
#989cc6
#989cc6
rgb(152,156,198)
-
#a5a8cd
#a5a8cd
rgb(165,168,205)
-
#b1b4d4
#b1b4d4
rgb(177,180,212)
-
#bec0db
#bec0db
rgb(190,192,219)
-
#cbcce2
#cbcce2
rgb(203,204,226)
-
#d7d9e9
#d7d9e9
rgb(215,217,233)
-
#e4e5f0
#e4e5f0
rgb(228,229,240)
-
#f0f1f7
#f0f1f7
rgb(240,241,247)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #303356
A tone is produced by adding gray to any pure hue. In this case, #3f4047 is the less saturated color, while #020c84 is the most saturated one.
-
#3f4047
#3f4047
rgb(63,64,71)
-
#3a3c4c
#3a3c4c
rgb(58,60,76)
-
#353751
#353751
rgb(53,55,81)
-
#303356
#303356
rgb(48,51,86)
-
#2b2f5b
#2b2f5b
rgb(43,47,91)
-
#262a60
#262a60
rgb(38,42,96)
-
#212665
#212665
rgb(33,38,101)
-
#1b226b
#1b226b
rgb(27,34,107)
-
#161d70
#161d70
rgb(22,29,112)
-
#111975
#111975
rgb(17,25,117)
-
#0c157a
#0c157a
rgb(12,21,122)
-
#07107f
#07107f
rgb(7,16,127)
-
#020c84
#020c84
rgb(2,12,132)
Color Blindness Simulator
Below, you can see how #303356 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.