#3356cc Color Information
In a RGB color space, hex #3356cc is composed of 20% red, 33.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 57.8% magenta, 0% yellow and 20% black. It has a hue angle of 226.3 degrees, a saturation of 60% and a lightness of 50%. #3356cc color hex could be obtained by blending #66acff with #000099. Closest websafe color is: #3366cc.
-
- R 20
- G 34
- B 80
-
- C 75
- M 58
- Y 0
- K 20
● #3356cc color description : Strong blue.
#3356cc Color Conversion
The hexadecimal color #3356cc has RGB values of R:51, G:86, B:204 and CMYK values of C:0.75, M:0.58, Y:0, K:0.2. Its decimal value is 3364556.
Hex triplet | 3356cc | #3356cc |
---|---|---|
RGB Decimal | 51, 86, 204 | rgb(51,86,204) |
RGB Percent | 20, 33.7, 80 | rgb(20%,33.7%,80%) |
CMYK | 75, 58, 0, 20 | |
HSL | 226.3°, 60, 50 | hsl(226.3,60%,50%) |
HSV (or HSB) | 226.3°, 75, 80 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 40.764, 29.024, -64.78 |
---|---|
XYZ | 15.59, 11.718, 58.564 |
xyY | 0.182, 0.136, 11.718 |
CIE-LCH | 40.764, 70.985, 294.134 |
CIE-LUV | 40.764, -14.81, -95.926 |
Hunter-Lab | 34.231, 21.388, -77.472 |
Binary | 00110011, 01010110, 11001100 |
Color Schemes with #3356cc
Alternatives to #3356cc
Below, you can see some colors close to #3356cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3356cc Preview
This text has a font color of #3356cc.
<span style="color:#3356cc;">Text here</span>
This paragraph has a background color of #3356cc.
<p style="background-color:#3356cc;">Content here</p>
This element has a border color of #3356cc.
<div style="border:1px solid #3356cc;">Content here</div>
.text {color:#3356cc;}
.background {background-color:#3356cc;}
.border {border:1px solid #3356cc;}
Shades and Tints of #3356cc
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, #040710 is the darkest color, while #ffffff is the lightest one.
-
#040710
#040710
rgb(4,7,16)
-
#080d1f
#080d1f
rgb(8,13,31)
-
#0c142f
#0c142f
rgb(12,20,47)
-
#101a3f
#101a3f
rgb(16,26,63)
-
#14214e
#14214e
rgb(20,33,78)
-
#18285e
#18285e
rgb(24,40,94)
-
#1b2e6e
#1b2e6e
rgb(27,46,110)
-
#1f357e
#1f357e
rgb(31,53,126)
-
#233c8d
#233c8d
rgb(35,60,141)
-
#27429d
#27429d
rgb(39,66,157)
-
#2b49ad
#2b49ad
rgb(43,73,173)
-
#2f4fbc
#2f4fbc
rgb(47,79,188)
-
#3356cc
#3356cc
rgb(51,86,204)
-
#4363d0
#4363d0
rgb(67,99,208)
-
#5270d4
#5270d4
rgb(82,112,212)
-
#627dd8
#627dd8
rgb(98,125,216)
-
#728adc
#728adc
rgb(114,138,220)
-
#8197e0
#8197e0
rgb(129,151,224)
-
#91a4e4
#91a4e4
rgb(145,164,228)
-
#a1b1e7
#a1b1e7
rgb(161,177,231)
-
#b1beeb
#b1beeb
rgb(177,190,235)
-
#c0cbef
#c0cbef
rgb(192,203,239)
-
#d0d8f3
#d0d8f3
rgb(208,216,243)
-
#e0e5f7
#e0e5f7
rgb(224,229,247)
-
#eff2fb
#eff2fb
rgb(239,242,251)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #3356cc
A tone is produced by adding gray to any pure hue. In this case, #787b87 is the less saturated color, while #023bfd is the most saturated one.
-
#787b87
#787b87
rgb(120,123,135)
-
#6e7691
#6e7691
rgb(110,118,145)
-
#64719b
#64719b
rgb(100,113,155)
-
#5a6ba5
#5a6ba5
rgb(90,107,165)
-
#5066af
#5066af
rgb(80,102,175)
-
#4761b8
#4761b8
rgb(71,97,184)
-
#3d5bc2
#3d5bc2
rgb(61,91,194)
-
#3356cc
#3356cc
rgb(51,86,204)
-
#2951d6
#2951d6
rgb(41,81,214)
-
#1f4be0
#1f4be0
rgb(31,75,224)
-
#1646e9
#1646e9
rgb(22,70,233)
-
#0c41f3
#0c41f3
rgb(12,65,243)
-
#023bfd
#023bfd
rgb(2,59,253)
Color Blindness Simulator
Below, you can see how #3356cc 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.