#3334b2 Color Information
In a RGB color space, hex #3334b2 is composed of 20% red, 20.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 70.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 239.5 degrees, a saturation of 55.5% and a lightness of 44.9%. #3334b2 color hex could be obtained by blending #6668ff with #000065. Closest websafe color is: #333399.
-
- R 20
- G 20
- B 70
-
- C 71
- M 71
- Y 0
- K 30
● #3334b2 color description : Dark blue.
#3334b2 Color Conversion
The hexadecimal color #3334b2 has RGB values of R:51, G:52, B:178 and CMYK values of C:0.71, M:0.71, Y:0, K:0.3. Its decimal value is 3355826.
| Hex triplet | 3334b2 | #3334b2 |
|---|---|---|
| RGB Decimal | 51, 52, 178 | rgb(51,52,178) |
| RGB Percent | 20, 20.4, 69.8 | rgb(20%,20.4%,69.8%) |
| CMYK | 71, 71, 0, 30 | |
| HSL | 239.5°, 55.5, 44.9 | hsl(239.5,55.5%,44.9%) |
| HSV (or HSB) | 239.5°, 71.3, 69.8 | |
| Web Safe | 333399 | #333399 |
| CIE-LAB | 30.336, 41.156, -66.603 |
|---|---|
| XYZ | 10.628, 6.374, 42.787 |
| xyY | 0.178, 0.107, 6.374 |
| CIE-LCH | 30.336, 78.293, 301.713 |
| CIE-LUV | 30.336, -6.559, -88.267 |
| Hunter-Lab | 25.246, 30.961, -82.814 |
| Binary | 00110011, 00110100, 10110010 |
Color Schemes with #3334b2
Alternatives to #3334b2
Below, you can see some colors close to #3334b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3334b2 Preview
This text has a font color of #3334b2.
<span style="color:#3334b2;">Text here</span>
This paragraph has a background color of #3334b2.
<p style="background-color:#3334b2;">Content here</p>
This element has a border color of #3334b2.
<div style="border:1px solid #3334b2;">Content here</div>
.text {color:#3334b2;}
.background {background-color:#3334b2;}
.border {border:1px solid #3334b2;}
Shades and Tints of #3334b2
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, #03030a is the darkest color, while #fafafe is the lightest one.
-
#03030a
#03030argb(3,3,10) -
#07071a
#07071argb(7,7,26) -
#0c0c29
#0c0c29rgb(12,12,41) -
#101038
#101038rgb(16,16,56) -
#141547
#141547rgb(20,21,71) -
#191957
#191957rgb(25,25,87) -
#1d1e66
#1d1e66rgb(29,30,102) -
#222275
#222275rgb(34,34,117) -
#262784
#262784rgb(38,39,132) -
#2a2b94
#2a2b94rgb(42,43,148) -
#2f30a3
#2f30a3rgb(47,48,163) -
#3334b2
#3334b2rgb(51,52,178) -
#3738c1
#3738c1rgb(55,56,193)
-
#4344c9
#4344c9rgb(67,68,201) -
#5253ce
#5253cergb(82,83,206) -
#6262d2
#6262d2rgb(98,98,210) -
#7172d6
#7172d6rgb(113,114,214) -
#8081db
#8081dbrgb(128,129,219) -
#8f90df
#8f90dfrgb(143,144,223) -
#9f9fe3
#9f9fe3rgb(159,159,227) -
#aeaee8
#aeaee8rgb(174,174,232) -
#bdbdec
#bdbdecrgb(189,189,236) -
#cccdf0
#cccdf0rgb(204,205,240) -
#dcdcf5
#dcdcf5rgb(220,220,245) -
#ebebf9
#ebebf9rgb(235,235,249) -
#fafafe
#fafafergb(250,250,254)
Tones of #3334b2
A tone is produced by adding gray to any pure hue. In this case, #717174 is the less saturated color, while #0709de is the most saturated one.
-
#717174
#717174rgb(113,113,116) -
#68687d
#68687drgb(104,104,125) -
#5f5f86
#5f5f86rgb(95,95,134) -
#56578f
#56578frgb(86,87,143) -
#4d4e98
#4d4e98rgb(77,78,152) -
#4545a0
#4545a0rgb(69,69,160) -
#3c3da9
#3c3da9rgb(60,61,169) -
#3334b2
#3334b2rgb(51,52,178) -
#2a2bbb
#2a2bbbrgb(42,43,187) -
#2123c4
#2123c4rgb(33,35,196) -
#191acc
#191accrgb(25,26,204) -
#1011d5
#1011d5rgb(16,17,213) -
#0709de
#0709dergb(7,9,222)
Color Blindness Simulator
Below, you can see how #3334b2 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.
