#303396 Color Information
In a RGB color space, hex #303396 is composed of 18.8% red, 20% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 66% magenta, 0% yellow and 41.2% black. It has a hue angle of 238.2 degrees, a saturation of 51.5% and a lightness of 38.8%. #303396 color hex could be obtained by blending #6066ff with #00002d. Closest websafe color is: #333399.
-
- R 19
- G 20
- B 59
-
- C 68
- M 66
- Y 0
- K 41
● #303396 color description : Dark moderate blue.
#303396 Color Conversion
The hexadecimal color #303396 has RGB values of R:48, G:51, B:150 and CMYK values of C:0.68, M:0.66, Y:0, K:0.41. Its decimal value is 3158934.
Hex triplet | 303396 | #303396 |
---|---|---|
RGB Decimal | 48, 51, 150 | rgb(48,51,150) |
RGB Percent | 18.8, 20, 58.8 | rgb(18.8%,20%,58.8%) |
CMYK | 68, 66, 0, 41 | |
HSL | 238.2°, 51.5, 38.8 | hsl(238.2,51.5%,38.8%) |
HSV (or HSB) | 238.2°, 68, 58.8 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 27.291, 31.67, -54.687 |
---|---|
XYZ | 7.907, 5.198, 29.439 |
xyY | 0.186, 0.122, 5.198 |
CIE-LCH | 27.291, 63.195, 300.076 |
CIE-LUV | 27.291, -5.774, -70.879 |
Hunter-Lab | 22.798, 22.009, -60.601 |
Binary | 00110000, 00110011, 10010110 |
Color Schemes with #303396
Alternatives to #303396
Below, you can see some colors close to #303396. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#303396 Preview
This text has a font color of #303396.
<span style="color:#303396;">Text here</span>
This paragraph has a background color of #303396.
<p style="background-color:#303396;">Content here</p>
This element has a border color of #303396.
<div style="border:1px solid #303396;">Content here</div>
.text {color:#303396;}
.background {background-color:#303396;}
.border {border:1px solid #303396;}
Shades and Tints of #303396
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, #000001 is the darkest color, while #f2f2fb is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#050610
#050610
rgb(5,6,16)
-
#0a0b1f
#0a0b1f
rgb(10,11,31)
-
#0f102e
#0f102e
rgb(15,16,46)
-
#13153d
#13153d
rgb(19,21,61)
-
#181a4c
#181a4c
rgb(24,26,76)
-
#1d1f5b
#1d1f5b
rgb(29,31,91)
-
#222469
#222469
rgb(34,36,105)
-
#262978
#262978
rgb(38,41,120)
-
#2b2e87
#2b2e87
rgb(43,46,135)
-
#303396
#303396
rgb(48,51,150)
-
#3538a5
#3538a5
rgb(53,56,165)
-
#3a3db4
#3a3db4
rgb(58,61,180)
-
#3f43c2
#3f43c2
rgb(63,67,194)
-
#4e52c6
#4e52c6
rgb(78,82,198)
-
#5d60cb
#5d60cb
rgb(93,96,203)
-
#6c6fd0
#6c6fd0
rgb(108,111,208)
-
#7b7dd5
#7b7dd5
rgb(123,125,213)
-
#8a8cd9
#8a8cd9
rgb(138,140,217)
-
#989ade
#989ade
rgb(152,154,222)
-
#a7a9e3
#a7a9e3
rgb(167,169,227)
-
#b6b8e8
#b6b8e8
rgb(182,184,232)
-
#c5c6ec
#c5c6ec
rgb(197,198,236)
-
#d4d5f1
#d4d5f1
rgb(212,213,241)
-
#e3e3f6
#e3e3f6
rgb(227,227,246)
-
#f2f2fb
#f2f2fb
rgb(242,242,251)
Tones of #303396
A tone is produced by adding gray to any pure hue. In this case, #5e5e68 is the less saturated color, while #0208c4 is the most saturated one.
-
#5e5e68
#5e5e68
rgb(94,94,104)
-
#565770
#565770
rgb(86,87,112)
-
#4e5078
#4e5078
rgb(78,80,120)
-
#47497f
#47497f
rgb(71,73,127)
-
#3f4187
#3f4187
rgb(63,65,135)
-
#383a8e
#383a8e
rgb(56,58,142)
-
#303396
#303396
rgb(48,51,150)
-
#282c9e
#282c9e
rgb(40,44,158)
-
#2125a5
#2125a5
rgb(33,37,165)
-
#191dad
#191dad
rgb(25,29,173)
-
#1216b4
#1216b4
rgb(18,22,180)
-
#0a0fbc
#0a0fbc
rgb(10,15,188)
-
#0208c4
#0208c4
rgb(2,8,196)
Color Blindness Simulator
Below, you can see how #303396 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.