#3a5176 Color Information
In a RGB color space, hex #3a5176 is composed of 22.7% red, 31.8% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 31.4% magenta, 0% yellow and 53.7% black. It has a hue angle of 217 degrees, a saturation of 34.1% and a lightness of 34.5%. #3a5176 color hex could be obtained by blending #74a2ec with #000000. Closest websafe color is: #336666.
-
- R 23
- G 32
- B 46
-
- C 51
- M 31
- Y 0
- K 54
● #3a5176 color description : Dark moderate blue.
#3a5176 Color Conversion
The hexadecimal color #3a5176 has RGB values of R:58, G:81, B:118 and CMYK values of C:0.51, M:0.31, Y:0, K:0.54. Its decimal value is 3821942.
Hex triplet | 3a5176 | #3a5176 |
---|---|---|
RGB Decimal | 58, 81, 118 | rgb(58,81,118) |
RGB Percent | 22.7, 31.8, 46.3 | rgb(22.7%,31.8%,46.3%) |
CMYK | 51, 31, 0, 54 | |
HSL | 217°, 34.1, 34.5 | hsl(217,34.1%,34.5%) |
HSV (or HSB) | 217°, 50.8, 46.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.174, 2.46, -23.828 |
---|---|
XYZ | 7.957, 8.092, 18.281 |
xyY | 0.232, 0.236, 8.092 |
CIE-LCH | 34.174, 23.955, 275.893 |
CIE-LUV | 34.174, -11.124, -32.395 |
Hunter-Lab | 28.447, 0.146, -18.19 |
Binary | 00111010, 01010001, 01110110 |
Color Schemes with #3a5176
Alternatives to #3a5176
Below, you can see some colors close to #3a5176. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5176 Preview
This text has a font color of #3a5176.
<span style="color:#3a5176;">Text here</span>
This paragraph has a background color of #3a5176.
<p style="background-color:#3a5176;">Content here</p>
This element has a border color of #3a5176.
<div style="border:1px solid #3a5176;">Content here</div>
.text {color:#3a5176;}
.background {background-color:#3a5176;}
.border {border:1px solid #3a5176;}
Shades and Tints of #3a5176
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, #06090d is the darkest color, while #ffffff is the lightest one.
-
#06090d
#06090d
rgb(6,9,13)
-
#0d121a
#0d121a
rgb(13,18,26)
-
#131b27
#131b27
rgb(19,27,39)
-
#1a2434
#1a2434
rgb(26,36,52)
-
#202d41
#202d41
rgb(32,45,65)
-
#27364f
#27364f
rgb(39,54,79)
-
#2d3f5c
#2d3f5c
rgb(45,63,92)
-
#344869
#344869
rgb(52,72,105)
-
#3a5176
#3a5176
rgb(58,81,118)
-
#405a83
#405a83
rgb(64,90,131)
-
#476390
#476390
rgb(71,99,144)
-
#4d6c9d
#4d6c9d
rgb(77,108,157)
-
#5475ab
#5475ab
rgb(84,117,171)
-
#6180b1
#6180b1
rgb(97,128,177)
-
#6e8ab8
#6e8ab8
rgb(110,138,184)
-
#7b95be
#7b95be
rgb(123,149,190)
-
#889fc5
#889fc5
rgb(136,159,197)
-
#95aacb
#95aacb
rgb(149,170,203)
-
#a3b5d2
#a3b5d2
rgb(163,181,210)
-
#b0bfd8
#b0bfd8
rgb(176,191,216)
-
#bdcadf
#bdcadf
rgb(189,202,223)
-
#cad4e5
#cad4e5
rgb(202,212,229)
-
#d7dfeb
#d7dfeb
rgb(215,223,235)
-
#e4eaf2
#e4eaf2
rgb(228,234,242)
-
#f1f4f8
#f1f4f8
rgb(241,244,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #3a5176
A tone is produced by adding gray to any pure hue. In this case, #55575b is the less saturated color, while #0444ac is the most saturated one.
-
#55575b
#55575b
rgb(85,87,91)
-
#4e5662
#4e5662
rgb(78,86,98)
-
#485468
#485468
rgb(72,84,104)
-
#41536f
#41536f
rgb(65,83,111)
-
#3a5176
#3a5176
rgb(58,81,118)
-
#334f7d
#334f7d
rgb(51,79,125)
-
#2c4e84
#2c4e84
rgb(44,78,132)
-
#264c8a
#264c8a
rgb(38,76,138)
-
#1f4b91
#1f4b91
rgb(31,75,145)
-
#184998
#184998
rgb(24,73,152)
-
#11489f
#11489f
rgb(17,72,159)
-
#0b46a5
#0b46a5
rgb(11,70,165)
-
#0444ac
#0444ac
rgb(4,68,172)
Color Blindness Simulator
Below, you can see how #3a5176 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.