#3356a2 Color Information
In a RGB color space, hex #3356a2 is composed of 20% red, 33.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 46.9% magenta, 0% yellow and 36.5% black. It has a hue angle of 221.1 degrees, a saturation of 52.1% and a lightness of 41.8%. #3356a2 color hex could be obtained by blending #66acff with #000045. Closest websafe color is: #336699.
-
- R 20
- G 34
- B 64
-
- C 69
- M 47
- Y 0
- K 36
● #3356a2 color description : Dark moderate blue.
#3356a2 Color Conversion
The hexadecimal color #3356a2 has RGB values of R:51, G:86, B:162 and CMYK values of C:0.69, M:0.47, Y:0, K:0.36. Its decimal value is 3364514.
Hex triplet | 3356a2 | #3356a2 |
---|---|---|
RGB Decimal | 51, 86, 162 | rgb(51,86,162) |
RGB Percent | 20, 33.7, 63.5 | rgb(20%,33.7%,63.5%) |
CMYK | 69, 47, 0, 36 | |
HSL | 221.1°, 52.1, 41.8 | hsl(221.1,52.1%,41.8%) |
HSV (or HSB) | 221.1°, 68.5, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.784, 13.4, -44.94 |
---|---|
XYZ | 11.213, 9.967, 35.513 |
xyY | 0.198, 0.176, 9.967 |
CIE-LCH | 37.784, 46.895, 286.603 |
CIE-LUV | 37.784, -14.744, -65.176 |
Hunter-Lab | 31.571, 8.149, -44.594 |
Binary | 00110011, 01010110, 10100010 |
Color Schemes with #3356a2
Alternatives to #3356a2
Below, you can see some colors close to #3356a2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3356a2 Preview
This text has a font color of #3356a2.
<span style="color:#3356a2;">Text here</span>
This paragraph has a background color of #3356a2.
<p style="background-color:#3356a2;">Content here</p>
This element has a border color of #3356a2.
<div style="border:1px solid #3356a2;">Content here</div>
.text {color:#3356a2;}
.background {background-color:#3356a2;}
.border {border:1px solid #3356a2;}
Shades and Tints of #3356a2
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, #04070d is the darkest color, while #fdfdfe is the lightest one.
-
#04070d
#04070d
rgb(4,7,13)
-
#090f1c
#090f1c
rgb(9,15,28)
-
#0d172b
#0d172b
rgb(13,23,43)
-
#121f3a
#121f3a
rgb(18,31,58)
-
#172648
#172648
rgb(23,38,72)
-
#1c2e57
#1c2e57
rgb(28,46,87)
-
#203666
#203666
rgb(32,54,102)
-
#253e75
#253e75
rgb(37,62,117)
-
#2a4684
#2a4684
rgb(42,70,132)
-
#2e4e93
#2e4e93
rgb(46,78,147)
-
#3356a2
#3356a2
rgb(51,86,162)
-
#385eb1
#385eb1
rgb(56,94,177)
-
#3c66c0
#3c66c0
rgb(60,102,192)
-
#4a71c6
#4a71c6
rgb(74,113,198)
-
#597dcb
#597dcb
rgb(89,125,203)
-
#6888cf
#6888cf
rgb(104,136,207)
-
#7794d4
#7794d4
rgb(119,148,212)
-
#86a0d9
#86a0d9
rgb(134,160,217)
-
#94abdd
#94abdd
rgb(148,171,221)
-
#a3b7e2
#a3b7e2
rgb(163,183,226)
-
#b2c3e7
#b2c3e7
rgb(178,195,231)
-
#c1cfec
#c1cfec
rgb(193,207,236)
-
#d0daf0
#d0daf0
rgb(208,218,240)
-
#dfe6f5
#dfe6f5
rgb(223,230,245)
-
#eef2fa
#eef2fa
rgb(238,242,250)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #3356a2
A tone is produced by adding gray to any pure hue. In this case, #646871 is the less saturated color, while #0244d3 is the most saturated one.
-
#646871
#646871
rgb(100,104,113)
-
#5c6579
#5c6579
rgb(92,101,121)
-
#546281
#546281
rgb(84,98,129)
-
#4c5f89
#4c5f89
rgb(76,95,137)
-
#435c92
#435c92
rgb(67,92,146)
-
#3b599a
#3b599a
rgb(59,89,154)
-
#3356a2
#3356a2
rgb(51,86,162)
-
#2b53aa
#2b53aa
rgb(43,83,170)
-
#2350b2
#2350b2
rgb(35,80,178)
-
#1a4dbb
#1a4dbb
rgb(26,77,187)
-
#124ac3
#124ac3
rgb(18,74,195)
-
#0a47cb
#0a47cb
rgb(10,71,203)
-
#0244d3
#0244d3
rgb(2,68,211)
Color Blindness Simulator
Below, you can see how #3356a2 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.