#3356c4 Color Information
In a RGB color space, hex #3356c4 is composed of 20% red, 33.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 56.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 225.5 degrees, a saturation of 58.7% and a lightness of 48.4%. #3356c4 color hex could be obtained by blending #66acff with #000089. Closest websafe color is: #3366cc.
-
- R 20
- G 34
- B 77
-
- C 74
- M 56
- Y 0
- K 23
● #3356c4 color description : Moderate blue.
#3356c4 Color Conversion
The hexadecimal color #3356c4 has RGB values of R:51, G:86, B:196 and CMYK values of C:0.74, M:0.56, Y:0, K:0.23. Its decimal value is 3364548.
Hex triplet | 3356c4 | #3356c4 |
---|---|---|
RGB Decimal | 51, 86, 196 | rgb(51,86,196) |
RGB Percent | 20, 33.7, 76.9 | rgb(20%,33.7%,76.9%) |
CMYK | 74, 56, 0, 23 | |
HSL | 225.5°, 58.7, 48.4 | hsl(225.5,58.7%,48.4%) |
HSV (or HSB) | 225.5°, 74, 76.9 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 40.154, 26.07, -61.139 |
---|---|
XYZ | 14.655, 11.344, 53.639 |
xyY | 0.184, 0.142, 11.344 |
CIE-LCH | 40.154, 66.465, 293.094 |
CIE-LUV | 40.154, -14.767, -90.323 |
Hunter-Lab | 33.681, 18.725, -70.847 |
Binary | 00110011, 01010110, 11000100 |
Color Schemes with #3356c4
Alternatives to #3356c4
Below, you can see some colors close to #3356c4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3356c4 Preview
This text has a font color of #3356c4.
<span style="color:#3356c4;">Text here</span>
This paragraph has a background color of #3356c4.
<p style="background-color:#3356c4;">Content here</p>
This element has a border color of #3356c4.
<div style="border:1px solid #3356c4;">Content here</div>
.text {color:#3356c4;}
.background {background-color:#3356c4;}
.border {border:1px solid #3356c4;}
Shades and Tints of #3356c4
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, #020409 is the darkest color, while #f9fafd is the lightest one.
-
#020409
#020409
rgb(2,4,9)
-
#060b19
#060b19
rgb(6,11,25)
-
#0a1228
#0a1228
rgb(10,18,40)
-
#0f1938
#0f1938
rgb(15,25,56)
-
#131f47
#131f47
rgb(19,31,71)
-
#172657
#172657
rgb(23,38,87)
-
#1b2d67
#1b2d67
rgb(27,45,103)
-
#1f3476
#1f3476
rgb(31,52,118)
-
#233b86
#233b86
rgb(35,59,134)
-
#274295
#274295
rgb(39,66,149)
-
#2b48a5
#2b48a5
rgb(43,72,165)
-
#2f4fb4
#2f4fb4
rgb(47,79,180)
-
#3356c4
#3356c4
rgb(51,86,196)
-
#3e60cd
#3e60cd
rgb(62,96,205)
-
#4d6dd1
#4d6dd1
rgb(77,109,209)
-
#5d7ad5
#5d7ad5
rgb(93,122,213)
-
#6d87d9
#6d87d9
rgb(109,135,217)
-
#7c93dd
#7c93dd
rgb(124,147,221)
-
#8ca0e1
#8ca0e1
rgb(140,160,225)
-
#9bade5
#9bade5
rgb(155,173,229)
-
#abbae9
#abbae9
rgb(171,186,233)
-
#bac7ed
#bac7ed
rgb(186,199,237)
-
#cad3f1
#cad3f1
rgb(202,211,241)
-
#dae0f5
#dae0f5
rgb(218,224,245)
-
#e9edf9
#e9edf9
rgb(233,237,249)
-
#f9fafd
#f9fafd
rgb(249,250,253)
Tones of #3356c4
A tone is produced by adding gray to any pure hue. In this case, #767882 is the less saturated color, while #043df4 is the most saturated one.
-
#767882
#767882
rgb(118,120,130)
-
#6c738b
#6c738b
rgb(108,115,139)
-
#636f95
#636f95
rgb(99,111,149)
-
#596a9e
#596a9e
rgb(89,106,158)
-
#5065a8
#5065a8
rgb(80,101,168)
-
#4660b1
#4660b1
rgb(70,96,177)
-
#3d5bbb
#3d5bbb
rgb(61,91,187)
-
#3356c4
#3356c4
rgb(51,86,196)
-
#2a51ce
#2a51ce
rgb(42,81,206)
-
#204cd7
#204cd7
rgb(32,76,215)
-
#1747e1
#1747e1
rgb(23,71,225)
-
#0d42ea
#0d42ea
rgb(13,66,234)
-
#043df4
#043df4
rgb(4,61,244)
Color Blindness Simulator
Below, you can see how #3356c4 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.