#3344b2 Color Information
In a RGB color space, hex #3344b2 is composed of 20% red, 26.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 61.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 232 degrees, a saturation of 55.5% and a lightness of 44.9%. #3344b2 color hex could be obtained by blending #6688ff with #000065. Closest websafe color is: #333399.
-
- R 20
- G 27
- B 70
-
- C 71
- M 62
- Y 0
- K 30
● #3344b2 color description : Dark blue.
#3344b2 Color Conversion
The hexadecimal color #3344b2 has RGB values of R:51, G:68, B:178 and CMYK values of C:0.71, M:0.62, Y:0, K:0.3. Its decimal value is 3359922.
Hex triplet | 3344b2 | #3344b2 |
---|---|---|
RGB Decimal | 51, 68, 178 | rgb(51,68,178) |
RGB Percent | 20, 26.7, 69.8 | rgb(20%,26.7%,69.8%) |
CMYK | 71, 62, 0, 30 | |
HSL | 232°, 55.5, 44.9 | hsl(232,55.5%,44.9%) |
HSV (or HSB) | 232°, 71.3, 69.8 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 34.09, 31.153, -60.448 |
---|---|
XYZ | 11.467, 8.052, 43.067 |
xyY | 0.183, 0.129, 8.052 |
CIE-LCH | 34.09, 68.004, 297.265 |
CIE-LUV | 34.09, -9.929, -84.718 |
Hunter-Lab | 28.376, 22.475, -70.124 |
Binary | 00110011, 01000100, 10110010 |
Color Schemes with #3344b2
Alternatives to #3344b2
Below, you can see some colors close to #3344b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3344b2 Preview
This text has a font color of #3344b2.
<span style="color:#3344b2;">Text here</span>
This paragraph has a background color of #3344b2.
<p style="background-color:#3344b2;">Content here</p>
This element has a border color of #3344b2.
<div style="border:1px solid #3344b2;">Content here</div>
.text {color:#3344b2;}
.background {background-color:#3344b2;}
.border {border:1px solid #3344b2;}
Shades and Tints of #3344b2
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, #03040a is the darkest color, while #fafbfe is the lightest one.
-
#03040a
#03040a
rgb(3,4,10)
-
#070a1a
#070a1a
rgb(7,10,26)
-
#0c1029
#0c1029
rgb(12,16,41)
-
#101538
#101538
rgb(16,21,56)
-
#141b47
#141b47
rgb(20,27,71)
-
#192157
#192157
rgb(25,33,87)
-
#1d2766
#1d2766
rgb(29,39,102)
-
#222d75
#222d75
rgb(34,45,117)
-
#263384
#263384
rgb(38,51,132)
-
#2a3894
#2a3894
rgb(42,56,148)
-
#2f3ea3
#2f3ea3
rgb(47,62,163)
-
#3344b2
#3344b2
rgb(51,68,178)
-
#374ac1
#374ac1
rgb(55,74,193)
-
#4355c9
#4355c9
rgb(67,85,201)
-
#5263ce
#5263ce
rgb(82,99,206)
-
#6271d2
#6271d2
rgb(98,113,210)
-
#717ed6
#717ed6
rgb(113,126,214)
-
#808cdb
#808cdb
rgb(128,140,219)
-
#8f9adf
#8f9adf
rgb(143,154,223)
-
#9fa8e3
#9fa8e3
rgb(159,168,227)
-
#aeb6e8
#aeb6e8
rgb(174,182,232)
-
#bdc3ec
#bdc3ec
rgb(189,195,236)
-
#ccd1f0
#ccd1f0
rgb(204,209,240)
-
#dcdff5
#dcdff5
rgb(220,223,245)
-
#ebedf9
#ebedf9
rgb(235,237,249)
-
#fafbfe
#fafbfe
rgb(250,251,254)
Tones of #3344b2
A tone is produced by adding gray to any pure hue. In this case, #717174 is the less saturated color, while #0724de is the most saturated one.
-
#717174
#717174
rgb(113,113,116)
-
#686b7d
#686b7d
rgb(104,107,125)
-
#5f6486
#5f6486
rgb(95,100,134)
-
#565e8f
#565e8f
rgb(86,94,143)
-
#4d5798
#4d5798
rgb(77,87,152)
-
#4551a0
#4551a0
rgb(69,81,160)
-
#3c4aa9
#3c4aa9
rgb(60,74,169)
-
#3344b2
#3344b2
rgb(51,68,178)
-
#2a3ebb
#2a3ebb
rgb(42,62,187)
-
#2137c4
#2137c4
rgb(33,55,196)
-
#1931cc
#1931cc
rgb(25,49,204)
-
#102ad5
#102ad5
rgb(16,42,213)
-
#0724de
#0724de
rgb(7,36,222)
Color Blindness Simulator
Below, you can see how #3344b2 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.