#3366cc Color Information
In a RGB color space, hex #3366cc is composed of 20% red, 40% green and 80% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 50% magenta, 0% yellow and 20% black. It has a hue angle of 220 degrees, a saturation of 60% and a lightness of 50%. #3366cc color hex could be obtained by blending #66ccff with #000099. #3366cc (or #36c) is a websafe color.
-
- R 20
- G 40
- B 80
-
- C 75
- M 50
- Y 0
- K 20
● #3366cc color description : Strong blue.
#3366cc Color Conversion
The hexadecimal color #3366cc has RGB values of R:51, G:102, B:204 and CMYK values of C:0.75, M:0.5, Y:0, K:0.2. Its decimal value is 3368652.
Hex triplet | 3366cc | #3366cc |
---|---|---|
RGB Decimal | 51, 102, 204 | rgb(51,102,204) |
RGB Percent | 20, 40, 80 | rgb(20%,40%,80%) |
CMYK | 75, 50, 0, 20 | |
HSL | 220°, 60, 50 | hsl(220,60%,50%) |
HSV (or HSB) | 220°, 75, 80 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 45.032, 18.716, -57.859 |
---|---|
XYZ | 17.013, 14.565, 59.038 |
xyY | 0.188, 0.161, 14.565 |
CIE-LCH | 45.032, 60.811, 287.925 |
CIE-LUV | 45.032, -19.262, -88.185 |
Hunter-Lab | 38.164, 12.787, -65.004 |
Binary | 00110011, 01100110, 11001100 |
Color Schemes with #3366cc
Alternatives to #3366cc
Below, you can see some colors close to #3366cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3366cc Preview
This text has a font color of #3366cc.
<span style="color:#3366cc;">Text here</span>
This paragraph has a background color of #3366cc.
<p style="background-color:#3366cc;">Content here</p>
This element has a border color of #3366cc.
<div style="border:1px solid #3366cc;">Content here</div>
.text {color:#3366cc;}
.background {background-color:#3366cc;}
.border {border:1px solid #3366cc;}
Shades and Tints of #3366cc
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, #040810 is the darkest color, while #ffffff is the lightest one.
-
#040810
#040810
rgb(4,8,16)
-
#08101f
#08101f
rgb(8,16,31)
-
#0c182f
#0c182f
rgb(12,24,47)
-
#101f3f
#101f3f
rgb(16,31,63)
-
#14274e
#14274e
rgb(20,39,78)
-
#182f5e
#182f5e
rgb(24,47,94)
-
#1b376e
#1b376e
rgb(27,55,110)
-
#1f3f7e
#1f3f7e
rgb(31,63,126)
-
#23478d
#23478d
rgb(35,71,141)
-
#274e9d
#274e9d
rgb(39,78,157)
-
#2b56ad
#2b56ad
rgb(43,86,173)
-
#2f5ebc
#2f5ebc
rgb(47,94,188)
-
#3366cc
#3366cc
rgb(51,102,204)
-
#4372d0
#4372d0
rgb(67,114,208)
-
#527ed4
#527ed4
rgb(82,126,212)
-
#6289d8
#6289d8
rgb(98,137,216)
-
#7295dc
#7295dc
rgb(114,149,220)
-
#81a1e0
#81a1e0
rgb(129,161,224)
-
#91ade4
#91ade4
rgb(145,173,228)
-
#a1b8e7
#a1b8e7
rgb(161,184,231)
-
#b1c4eb
#b1c4eb
rgb(177,196,235)
-
#c0d0ef
#c0d0ef
rgb(192,208,239)
-
#d0dcf3
#d0dcf3
rgb(208,220,243)
-
#e0e7f7
#e0e7f7
rgb(224,231,247)
-
#eff3fb
#eff3fb
rgb(239,243,251)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #3366cc
A tone is produced by adding gray to any pure hue. In this case, #787d87 is the less saturated color, while #0256fd is the most saturated one.
-
#787d87
#787d87
rgb(120,125,135)
-
#6e7a91
#6e7a91
rgb(110,122,145)
-
#64769b
#64769b
rgb(100,118,155)
-
#5a73a5
#5a73a5
rgb(90,115,165)
-
#5070af
#5070af
rgb(80,112,175)
-
#476db8
#476db8
rgb(71,109,184)
-
#3d69c2
#3d69c2
rgb(61,105,194)
-
#3366cc
#3366cc
rgb(51,102,204)
-
#2963d6
#2963d6
rgb(41,99,214)
-
#1f5fe0
#1f5fe0
rgb(31,95,224)
-
#165ce9
#165ce9
rgb(22,92,233)
-
#0c59f3
#0c59f3
rgb(12,89,243)
-
#0256fd
#0256fd
rgb(2,86,253)
Color Blindness Simulator
Below, you can see how #3366cc 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.