#3a3548 Color Informations
This page lists more detailed information about the hex color code #3a3548. In a RGB color space, hex #3a3548 is composed of 58(22.75%) red, 53(20.78%) green and 72(28.24%) blue. Its decimal value is 3814728. In a CMYK color space, it is consist of 19.44% cyan, 26.39% magenta, 0% yellow and 71.76% black. It has a hue angle of 255.79 degrees, a saturation of 15.2% and a lightness of 24.51%.
Color #3a3548 contains mostly Blue color, is a cool color and closest websafe color is #333333. #3a3548 color hex could be obtained by blending #746a90 with #000000. Color #3a3548 look like martinique #3c3748 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.

#3a3548 color description : dark grayish blue-magenta/dark grayish indigo.
#3a3548 Color Conversion
-
- Hex triplet 3a, 35, 48
- RGB Decimal 58, 53, 72
- RGB Octal 072, 065, 110
- RGB Binary 00111010, 00110101, 01001000
- RGB Percent 22.75%, 20.78%, 28.24%
- XYZ 4.1877, 3.9136, 6.6656
- xyY 0.2836, 0.265, 3.9136
-
- CMYK 19.44%, 26.39%, 0%, 71.76%
- HSL 255.79°, 15.2, 24.51
- HSV(HSB) 255.79°, 26.39, 28.24
- CIE-L*AB 23.384, 6.839, -10.92
- CIE-L*CH 23.384, 12.885, 302.058
- CIE-L*UV 23.384, 1.292, -13.193
- Hunter-Lab 19.783, 3.166, -6.129
#3a3548 Color Analysis
Color Schemes with #3a3548
Complementary Color of #3a3548 is #434835. Split Complementary Colors of #3a3548 are #3a4835 and #484435. Analogous Colors of #3a3548 are #353a48 and #443548. Triadic Colors of #3a3548 are #35483a and #483a35
Shades and Tints of #3a3548
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, #030304 is the darkest color, while #f8f8fa is the lightest one.
-
#030304
#030304
rgb(3,3,4) -
#0c0b10
#0c0b10
rgb(12,11,16) -
#16141b
#16141b
rgb(22,20,27) -
#1f1c26
#1f1c26
rgb(31,28,38) -
#282431
#282431
rgb(40,36,49) -
#312d3d
#312d3d
rgb(49,45,61) -
#3a3548
#3a3548
rgb(58,53,72) -
#433d53
#433d53
rgb(67,61,83) -
#4c465f
#4c465f
rgb(76,70,95) -
#554e6a
#554e6a
rgb(85,78,106) -
#5e5675
#5e5675
rgb(94,86,117) -
#685f80
#685f80
rgb(104,95,128) -
#71678c
#71678c
rgb(113,103,140)
-
#7a7096
#7a7096
rgb(122,112,150) -
#857c9e
#857c9e
rgb(133,124,158) -
#8f87a7
#8f87a7
rgb(143,135,167) -
#9a92af
#9a92af
rgb(154,146,175) -
#a49eb7
#a49eb7
rgb(164,158,183) -
#afa9c0
#afa9c0
rgb(175,169,192) -
#b9b4c8
#b9b4c8
rgb(185,180,200) -
#c4bfd0
#c4bfd0
rgb(196,191,208) -
#cecbd9
#cecbd9
rgb(206,203,217) -
#d9d6e1
#d9d6e1
rgb(217,214,225) -
#e3e1e9
#e3e1e9
rgb(227,225,233) -
#eeedf1
#eeedf1
rgb(238,237,241) -
#f8f8fa
#f8f8fa
rgb(248,248,250)
Tones of #3a3548
A tone is produced by adding gray to any pure hue. In this case, #3c3a43 is the less saturated color, while #21007d is the most saturated one.
-
#3c3a43
#3c3a43
rgb(60,58,67) -
#3a3548
#3a3548
rgb(58,53,72) -
#38304d
#38304d
rgb(56,48,77) -
#352b52
#352b52
rgb(53,43,82) -
#332756
#332756
rgb(51,39,86) -
#31225b
#31225b
rgb(49,34,91) -
#2f1d60
#2f1d60
rgb(47,29,96) -
#2c1865
#2c1865
rgb(44,24,101) -
#2a136a
#2a136a
rgb(42,19,106) -
#280f6e
#280f6e
rgb(40,15,110) -
#260a73
#260a73
rgb(38,10,115) -
#230578
#230578
rgb(35,5,120) -
#21007d
#21007d
rgb(33,0,125)
Alternatives to #3a3548
Below, site show some colors close to #3a3548. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
-
#353a48
#353a48
rgb(53,58,72) -
#353848
#353848
rgb(53,56,72) -
#353648
#353648
rgb(53,54,72) -
#353548
#353548
rgb(53,53,72) -
#373548
#373548
rgb(55,53,72) -
#383548
#383548
rgb(56,53,72) -
#3a3548
#3a3548
rgb(58,53,72) -
#3c3548
#3c3548
rgb(60,53,72) -
#3d3548
#3d3548
rgb(61,53,72) -
#3f3548
#3f3548
rgb(63,53,72) -
#403548
#403548
rgb(64,53,72) -
#423548
#423548
rgb(66,53,72) -
#443548
#443548
rgb(68,53,72)
#3a3548 Preview in HTML
This text has a font color of #3a3548.
<span style="color:#3a3548;">Text here</span>
#3a3548 Text Shadow.
<span style="text-shadow:2px 2px 3px #3a3548;">Text here</span>
This paragraph has a background color of #3a3548.
<p style="background-color:#3a3548;">Content here</p>
This element has a border color of #3a3548.
<div style="border:1px solid #3a3548;">Content here</div>
.text{color:#3a3548;}
.background{background-color:#3a3548;}
.border{border:1px solid #3a3548;}
Download #3a3548 color images
Solid color background with hex color code #3a3548. 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 -