#3356a4 Color Information
In a RGB color space, hex #3356a4 is composed of 20% red, 33.7% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 47.6% magenta, 0% yellow and 35.7% black. It has a hue angle of 221.4 degrees, a saturation of 52.6% and a lightness of 42.2%. #3356a4 color hex could be obtained by blending #66acff with #000049. Closest websafe color is: #336699.
-
- R 20
- G 34
- B 64
-
- C 69
- M 48
- Y 0
- K 36
● #3356a4 color description : Dark moderate blue.
#3356a4 Color Conversion
The hexadecimal color #3356a4 has RGB values of R:51, G:86, B:164 and CMYK values of C:0.69, M:0.48, Y:0, K:0.36. Its decimal value is 3364516.
Hex triplet | 3356a4 | #3356a4 |
---|---|---|
RGB Decimal | 51, 86, 164 | rgb(51,86,164) |
RGB Percent | 20, 33.7, 64.3 | rgb(20%,33.7%,64.3%) |
CMYK | 69, 48, 0, 36 | |
HSL | 221.4°, 52.6, 42.2 | hsl(221.4,52.6%,42.2%) |
HSV (or HSB) | 221.4°, 68.9, 64.3 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.912, 14.145, -45.927 |
---|---|
XYZ | 11.392, 10.039, 36.457 |
xyY | 0.197, 0.173, 10.039 |
CIE-LCH | 37.912, 48.056, 287.118 |
CIE-LUV | 37.912, -14.738, -66.717 |
Hunter-Lab | 31.684, 8.734, -46.042 |
Binary | 00110011, 01010110, 10100100 |
Color Schemes with #3356a4
Alternatives to #3356a4
Below, you can see some colors close to #3356a4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3356a4 Preview
This text has a font color of #3356a4.
<span style="color:#3356a4;">Text here</span>
This paragraph has a background color of #3356a4.
<p style="background-color:#3356a4;">Content here</p>
This element has a border color of #3356a4.
<div style="border:1px solid #3356a4;">Content here</div>
.text {color:#3356a4;}
.background {background-color:#3356a4;}
.border {border:1px solid #3356a4;}
Shades and Tints of #3356a4
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, #04080e is the darkest color, while #feffff is the lightest one.
-
#04080e
#04080e
rgb(4,8,14)
-
#090f1d
#090f1d
rgb(9,15,29)
-
#0e172c
#0e172c
rgb(14,23,44)
-
#121f3b
#121f3b
rgb(18,31,59)
-
#17274a
#17274a
rgb(23,39,74)
-
#1c2f59
#1c2f59
rgb(28,47,89)
-
#203768
#203768
rgb(32,55,104)
-
#253e77
#253e77
rgb(37,62,119)
-
#2a4686
#2a4686
rgb(42,70,134)
-
#2e4e95
#2e4e95
rgb(46,78,149)
-
#3356a4
#3356a4
rgb(51,86,164)
-
#385eb3
#385eb3
rgb(56,94,179)
-
#3c66c2
#3c66c2
rgb(60,102,194)
-
#4b71c7
#4b71c7
rgb(75,113,199)
-
#5a7dcc
#5a7dcc
rgb(90,125,204)
-
#6989d0
#6989d0
rgb(105,137,208)
-
#7895d5
#7895d5
rgb(120,149,213)
-
#87a0da
#87a0da
rgb(135,160,218)
-
#96acde
#96acde
rgb(150,172,222)
-
#a5b8e3
#a5b8e3
rgb(165,184,227)
-
#b4c4e8
#b4c4e8
rgb(180,196,232)
-
#c3cfec
#c3cfec
rgb(195,207,236)
-
#d2dbf1
#d2dbf1
rgb(210,219,241)
-
#e0e7f6
#e0e7f6
rgb(224,231,246)
-
#eff3fa
#eff3fa
rgb(239,243,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #3356a4
A tone is produced by adding gray to any pure hue. In this case, #656972 is the less saturated color, while #0143d6 is the most saturated one.
-
#656972
#656972
rgb(101,105,114)
-
#5c667b
#5c667b
rgb(92,102,123)
-
#546383
#546383
rgb(84,99,131)
-
#4c5f8b
#4c5f8b
rgb(76,95,139)
-
#445c93
#445c93
rgb(68,92,147)
-
#3b599c
#3b599c
rgb(59,89,156)
-
#3356a4
#3356a4
rgb(51,86,164)
-
#2b53ac
#2b53ac
rgb(43,83,172)
-
#2250b5
#2250b5
rgb(34,80,181)
-
#1a4dbd
#1a4dbd
rgb(26,77,189)
-
#1249c5
#1249c5
rgb(18,73,197)
-
#0a46cd
#0a46cd
rgb(10,70,205)
-
#0143d6
#0143d6
rgb(1,67,214)
Color Blindness Simulator
Below, you can see how #3356a4 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.