#2c5278 Color Informations
This page lists more detailed information about the hex color code #2c5278. In a RGB color space, hex #2c5278 is composed of 44(17.25%) red, 82(32.16%) green and 120(47.06%) blue. Its decimal value is 2904696. In a CMYK color space, it is consist of 63.33% cyan, 31.67% magenta, 0% yellow and 52.94% black. It has a hue angle of 210 degrees, a saturation of 46.34% and a lightness of 32.16%.
Color #2c5278 contains mostly Blue color, is a cool color and closest websafe color is #336666. #2c5278 color hex could be obtained by blending #58a4f0 with #000000. Color #2c5278 look like venice blue #2c5778 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.

#2c5278 color description : deep cyan-blue/deep azure.
#2c5278 Color Conversion
-
- Hex triplet 2c, 52, 78
- RGB Decimal 44, 82, 120
- RGB Octal 054, 122, 170
- RGB Binary 00101100, 01010010, 01111000
- RGB Percent 17.25%, 32.16%, 47.06%
- XYZ 7.4462, 7.9261, 18.9067
- xyY 0.2172, 0.2312, 7.9261
-
- CMYK 63.33%, 31.67%, 0%, 52.94%
- HSL 210°, 46.34, 32.16
- HSV(HSB) 210°, 63.33, 47.06
- CIE-L*AB 33.829, -0.834, -25.668
- CIE-L*CH 33.829, 25.681, 268.14
- CIE-L*UV 33.829, -15.451, -34.588
- Hunter-Lab 28.153, -2.058, -20.11
#2c5278 Color Analysis
Color Schemes with #2c5278
Complementary Color of #2c5278 is #78522c. Split Complementary Colors of #2c5278 are #78782c and #782c2c. Analogous Colors of #2c5278 are #2c7878 and #2c2c78. Triadic Colors of #2c5278 are #52782c and #782c52
Shades and Tints of #2c5278
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, #020405 is the darkest color, while #f6f9fc is the lightest one.
-
#020405
#020405
rgb(2,4,5) -
#070d14
#070d14
rgb(7,13,20) -
#0c1722
#0c1722
rgb(12,23,34) -
#122130
#122130
rgb(18,33,48) -
#172b3f
#172b3f
rgb(23,43,63) -
#1c354d
#1c354d
rgb(28,53,77) -
#213e5b
#213e5b
rgb(33,62,91) -
#27486a
#27486a
rgb(39,72,106) -
#2c5278
#2c5278
rgb(44,82,120) -
#315c86
#315c86
rgb(49,92,134) -
#376695
#376695
rgb(55,102,149) -
#3c6fa3
#3c6fa3
rgb(60,111,163) -
#4179b1
#4179b1
rgb(65,121,177)
-
#4a83bc
#4a83bc
rgb(74,131,188) -
#588dc2
#588dc2
rgb(88,141,194) -
#6697c7
#6697c7
rgb(102,151,199) -
#75a0cc
#75a0cc
rgb(117,160,204) -
#83aad2
#83aad2
rgb(131,170,210) -
#91b4d7
#91b4d7
rgb(145,180,215) -
#a0bedc
#a0bedc
rgb(160,190,220) -
#aec8e1
#aec8e1
rgb(174,200,225) -
#bcd2e7
#bcd2e7
rgb(188,210,231) -
#cbdbec
#cbdbec
rgb(203,219,236) -
#d9e5f1
#d9e5f1
rgb(217,229,241) -
#e7eff6
#e7eff6
rgb(231,239,246) -
#f6f9fc
#f6f9fc
rgb(246,249,252)
Tones of #2c5278
A tone is produced by adding gray to any pure hue. In this case, #525252 is the less saturated color, while #06529e is the most saturated one.
-
#525252
#525252
rgb(82,82,82) -
#4c5258
#4c5258
rgb(76,82,88) -
#45525f
#45525f
rgb(69,82,95) -
#3f5265
#3f5265
rgb(63,82,101) -
#39526b
#39526b
rgb(57,82,107) -
#325272
#325272
rgb(50,82,114) -
#2c5278
#2c5278
rgb(44,82,120) -
#26527e
#26527e
rgb(38,82,126) -
#1f5285
#1f5285
rgb(31,82,133) -
#19528b
#19528b
rgb(25,82,139) -
#135291
#135291
rgb(19,82,145) -
#0c5298
#0c5298
rgb(12,82,152) -
#06529e
#06529e
rgb(6,82,158)
Alternatives to #2c5278
Below, site show some colors close to #2c5278. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
-
#2c7878
#2c7878
rgb(44,120,120) -
#2c7278
#2c7278
rgb(44,114,120) -
#2c6b78
#2c6b78
rgb(44,107,120) -
#2c6578
#2c6578
rgb(44,101,120) -
#2c5f78
#2c5f78
rgb(44,95,120) -
#2c5878
#2c5878
rgb(44,88,120) -
#2c5278
#2c5278
rgb(44,82,120) -
#2c4c78
#2c4c78
rgb(44,76,120) -
#2c4578
#2c4578
rgb(44,69,120) -
#2c3f78
#2c3f78
rgb(44,63,120) -
#2c3978
#2c3978
rgb(44,57,120) -
#2c3278
#2c3278
rgb(44,50,120) -
#2c2c78
#2c2c78
rgb(44,44,120)
#2c5278 Preview in HTML
This text has a font color of #2c5278.
<span style="color:#2c5278;">Text here</span>
#2c5278 Text Shadow.
<span style="text-shadow:2px 2px 3px #2c5278;">Text here</span>
This paragraph has a background color of #2c5278.
<p style="background-color:#2c5278;">Content here</p>
This element has a border color of #2c5278.
<div style="border:1px solid #2c5278;">Content here</div>
.text{color:#2c5278;}
.background{background-color:#2c5278;}
.border{border:1px solid #2c5278;}
Download #2c5278 color images
Solid color background with hex color code #2c5278. 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 -