#3a3a74 Color Informations
This page lists more detailed information about the hex color code #3a3a74. In a RGB color space, hex #3a3a74 is composed of 58(22.75%) red, 58(22.75%) green and 116(45.49%) blue. Its decimal value is 3816052. In a CMYK color space, it is consist of 50% cyan, 50% magenta, 0% yellow and 54.51% black. It has a hue angle of 240 degrees, a saturation of 33.33% and a lightness of 34.12%.
Color #3a3a74 contains mostly Blue color, is a cool color and closest websafe color is #333366. #3a3a74 color hex could be obtained by blending #7474e8 with #000000. Color #3a3a74 look like torea bay #353d75 color. Other more detailed information such as description, conversion, analysis, schemes, shades & tines, tones, alternatives, preview in css/html and background images of this color, please browses the following content.

#3a3a74 color description : deep blue.
#3a3a74 Color Conversion
-
- Hex triplet 3a, 3a, 74
- RGB Decimal 58, 58, 116
- RGB Octal 072, 072, 164
- RGB Binary 00111010, 00111010, 01110100
- RGB Percent 22.75%, 22.75%, 45.49%
- XYZ 6.4104, 5.1866, 17.1862
- xyY 0.2227, 0.1802, 5.1866
-
- CMYK 50%, 50%, 0%, 54.51%
- HSL 240°, 33.33, 34.12
- HSV(HSB) 240°, 50, 45.49
- CIE-L*AB 27.26, 17.06, -33.5
- CIE-L*CH 27.26, 37.594, 296.987
- CIE-L*UV 27.26, -3.182, -44.127
- Hunter-Lab 22.774, 10.389, -28.801
#3a3a74 Color Analysis
Color Schemes with #3a3a74
Complementary Color of #3a3a74 is #74743a. Split Complementary Colors of #3a3a74 are #57743a and #74573a. Analogous Colors of #3a3a74 are #3a5774 and #573a74. Triadic Colors of #3a3a74 are #3a743a and #743a3a
Shades and Tints of #3a3a74
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, #06060b is the darkest color, while #fdfdfe is the lightest one.
-
#06060b
#06060b
rgb(6,6,11) -
#0c0c18
#0c0c18
rgb(12,12,24) -
#131326
#131326
rgb(19,19,38) -
#191933
#191933
rgb(25,25,51) -
#202040
#202040
rgb(32,32,64) -
#26264d
#26264d
rgb(38,38,77) -
#2d2d5a
#2d2d5a
rgb(45,45,90) -
#333367
#333367
rgb(51,51,103) -
#3a3a74
#3a3a74
rgb(58,58,116) -
#414181
#414181
rgb(65,65,129) -
#47478e
#47478e
rgb(71,71,142) -
#4e4e9b
#4e4e9b
rgb(78,78,155) -
#5454a8
#5454a8
rgb(84,84,168)
-
#6060b0
#6060b0
rgb(96,96,176) -
#6d6db6
#6d6db6
rgb(109,109,182) -
#7b7bbd
#7b7bbd
rgb(123,123,189) -
#8888c3
#8888c3
rgb(136,136,195) -
#9595ca
#9595ca
rgb(149,149,202) -
#a2a2d0
#a2a2d0
rgb(162,162,208) -
#afafd7
#afafd7
rgb(175,175,215) -
#bcbcdd
#bcbcdd
rgb(188,188,221) -
#c9c9e4
#c9c9e4
rgb(201,201,228) -
#d6d6eb
#d6d6eb
rgb(214,214,235) -
#e3e3f1
#e3e3f1
rgb(227,227,241) -
#f0f0f8
#f0f0f8
rgb(240,240,248) -
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #3a3a74
A tone is produced by adding gray to any pure hue. In this case, #555559 is the less saturated color, while #0404aa is the most saturated one.
-
#555559
#555559
rgb(85,85,89) -
#4e4e60
#4e4e60
rgb(78,78,96) -
#474767
#474767
rgb(71,71,103) -
#41416d
#41416d
rgb(65,65,109) -
#3a3a74
#3a3a74
rgb(58,58,116) -
#33337b
#33337b
rgb(51,51,123) -
#2d2d81
#2d2d81
rgb(45,45,129) -
#262688
#262688
rgb(38,38,136) -
#1f1f8f
#1f1f8f
rgb(31,31,143) -
#191995
#191995
rgb(25,25,149) -
#12129c
#12129c
rgb(18,18,156) -
#0b0ba3
#0b0ba3
rgb(11,11,163) -
#0404aa
#0404aa
rgb(4,4,170)
Alternatives to #3a3a74
Below, site show some colors close to #3a3a74. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
-
#3a5774
#3a5774
rgb(58,87,116) -
#3a5274
#3a5274
rgb(58,82,116) -
#3a4d74
#3a4d74
rgb(58,77,116) -
#3a4974
#3a4974
rgb(58,73,116) -
#3a4474
#3a4474
rgb(58,68,116) -
#3a3f74
#3a3f74
rgb(58,63,116) -
#3a3a74
#3a3a74
rgb(58,58,116) -
#3f3a74
#3f3a74
rgb(63,58,116) -
#443a74
#443a74
rgb(68,58,116) -
#493a74
#493a74
rgb(73,58,116) -
#4d3a74
#4d3a74
rgb(77,58,116) -
#523a74
#523a74
rgb(82,58,116) -
#573a74
#573a74
rgb(87,58,116)
#3a3a74 Preview in HTML
This text has a font color of #3a3a74.
<span style="color:#3a3a74;">Text here</span>
#3a3a74 Text Shadow.
<span style="text-shadow:2px 2px 3px #3a3a74;">Text here</span>
This paragraph has a background color of #3a3a74.
<p style="background-color:#3a3a74;">Content here</p>
This element has a border color of #3a3a74.
<div style="border:1px solid #3a3a74;">Content here</div>
.text{color:#3a3a74;}
.background{background-color:#3a3a74;}
.border{border:1px solid #3a3a74;}
Download #3a3a74 color images
Solid color background with hex color code #3a3a74. Background is available in various resolutions for view and download. You are free to use these backgrounds for personal and commercial projects. Preview(size 320x320) - Facebook(180x180) - Twitter(73x73) - Google+(250x250) - iPhone(320x480) - 32x32 - 48x48 - 64x64 - 100x100 - 160x600 - 200x200 - 300x250 - 300x300 - 320x50 - 320x320 - 336x280 - 400x300 - 400x400 - 500x500 - 600x600 - 640x480 - 640x960 - 640x1136 - 700x700 - 728x90 - 800x600 - 851x315 - 1024x600 - 1024x768 - 1024x1024 - 1152x864 - 1200x600 - 1280x720 - 1280x768 - 1280x800 - 1280x960 - 1280x1024 - 1360x768 - 1366x768 - 1440x900 - 1400x1050 - 1600x900 - 1600x1200 - 1680x1050 - 1920x1080 - 1920x1200 - 2048x1536 - 2048x2048 - 2560x1440 - 2560x1600 - 2880x1800 -