#3366b1 Color Information
In a RGB color space, hex #3366b1 is composed of 20% red, 40% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 42.4% magenta, 0% yellow and 30.6% black. It has a hue angle of 215.7 degrees, a saturation of 55.3% and a lightness of 44.7%. #3366b1 color hex could be obtained by blending #66ccff with #000063. Closest websafe color is: #336699.
-
- R 20
- G 40
- B 69
-
- C 71
- M 42
- Y 0
- K 31
● #3366b1 color description : Dark blue.
#3366b1 Color Conversion
The hexadecimal color #3366b1 has RGB values of R:51, G:102, B:177 and CMYK values of C:0.71, M:0.42, Y:0, K:0.31. Its decimal value is 3368625.
Hex triplet | 3366b1 | #3366b1 |
---|---|---|
RGB Decimal | 51, 102, 177 | rgb(51,102,177) |
RGB Percent | 20, 40, 69.4 | rgb(20%,40%,69.4%) |
CMYK | 71, 42, 0, 31 | |
HSL | 215.7°, 55.3, 44.7 | hsl(215.7,55.3%,44.7%) |
HSV (or HSB) | 215.7°, 71.2, 69.4 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 43.33, 8.643, -44.934 |
---|---|
XYZ | 14.051, 13.38, 43.435 |
xyY | 0.198, 0.189, 13.38 |
CIE-LCH | 43.33, 45.758, 280.888 |
CIE-LUV | 43.33, -19.692, -67.229 |
Hunter-Lab | 36.579, 4.554, -44.798 |
Binary | 00110011, 01100110, 10110001 |
Color Schemes with #3366b1
Alternatives to #3366b1
Below, you can see some colors close to #3366b1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3366b1 Preview
This text has a font color of #3366b1.
<span style="color:#3366b1;">Text here</span>
This paragraph has a background color of #3366b1.
<p style="background-color:#3366b1;">Content here</p>
This element has a border color of #3366b1.
<div style="border:1px solid #3366b1;">Content here</div>
.text {color:#3366b1;}
.background {background-color:#3366b1;}
.border {border:1px solid #3366b1;}
Shades and Tints of #3366b1
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, #030509 is the darkest color, while #f9fbfd is the lightest one.
-
#030509
#030509
rgb(3,5,9)
-
#070e19
#070e19
rgb(7,14,25)
-
#0c1728
#0c1728
rgb(12,23,40)
-
#102037
#102037
rgb(16,32,55)
-
#142946
#142946
rgb(20,41,70)
-
#193156
#193156
rgb(25,49,86)
-
#1d3a65
#1d3a65
rgb(29,58,101)
-
#214374
#214374
rgb(33,67,116)
-
#264c83
#264c83
rgb(38,76,131)
-
#2a5493
#2a5493
rgb(42,84,147)
-
#2f5da2
#2f5da2
rgb(47,93,162)
-
#3366b1
#3366b1
rgb(51,102,177)
-
#376fc0
#376fc0
rgb(55,111,192)
-
#4379c9
#4379c9
rgb(67,121,201)
-
#5284cd
#5284cd
rgb(82,132,205)
-
#618fd1
#618fd1
rgb(97,143,209)
-
#7099d6
#7099d6
rgb(112,153,214)
-
#7fa4da
#7fa4da
rgb(127,164,218)
-
#8fafdf
#8fafdf
rgb(143,175,223)
-
#9ebae3
#9ebae3
rgb(158,186,227)
-
#adc5e7
#adc5e7
rgb(173,197,231)
-
#bcd0ec
#bcd0ec
rgb(188,208,236)
-
#ccdaf0
#ccdaf0
rgb(204,218,240)
-
#dbe5f5
#dbe5f5
rgb(219,229,245)
-
#eaf0f9
#eaf0f9
rgb(234,240,249)
-
#f9fbfd
#f9fbfd
rgb(249,251,253)
Tones of #3366b1
A tone is produced by adding gray to any pure hue. In this case, #707274 is the less saturated color, while #075edd is the most saturated one.
-
#707274
#707274
rgb(112,114,116)
-
#68707c
#68707c
rgb(104,112,124)
-
#5f6e85
#5f6e85
rgb(95,110,133)
-
#566d8e
#566d8e
rgb(86,109,142)
-
#4d6b97
#4d6b97
rgb(77,107,151)
-
#45699f
#45699f
rgb(69,105,159)
-
#3c68a8
#3c68a8
rgb(60,104,168)
-
#3366b1
#3366b1
rgb(51,102,177)
-
#2a64ba
#2a64ba
rgb(42,100,186)
-
#2163c3
#2163c3
rgb(33,99,195)
-
#1961cb
#1961cb
rgb(25,97,203)
-
#105fd4
#105fd4
rgb(16,95,212)
-
#075edd
#075edd
rgb(7,94,221)
Color Blindness Simulator
Below, you can see how #3366b1 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.