#3a5474 Color Information
In a RGB color space, hex #3a5474 is composed of 22.7% red, 32.9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 27.6% magenta, 0% yellow and 54.5% black. It has a hue angle of 213.1 degrees, a saturation of 33.3% and a lightness of 34.1%. #3a5474 color hex could be obtained by blending #74a8e8 with #000000. Closest websafe color is: #336666.
-
- R 23
- G 33
- B 45
-
- C 50
- M 28
- Y 0
- K 55
● #3a5474 color description : Dark moderate blue.
#3a5474 Color Conversion
The hexadecimal color #3a5474 has RGB values of R:58, G:84, B:116 and CMYK values of C:0.5, M:0.28, Y:0, K:0.55. Its decimal value is 3822708.
Hex triplet | 3a5474 | #3a5474 |
---|---|---|
RGB Decimal | 58, 84, 116 | rgb(58,84,116) |
RGB Percent | 22.7, 32.9, 45.5 | rgb(22.7%,32.9%,45.5%) |
CMYK | 50, 28, 0, 55 | |
HSL | 213.1°, 33.3, 34.1 | hsl(213.1,33.3%,34.1%) |
HSV (or HSB) | 213.1°, 50, 45.5 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.005, -0.116, -21.291 |
---|---|
XYZ | 8.067, 8.501, 17.738 |
xyY | 0.235, 0.248, 8.501 |
CIE-LCH | 35.005, 21.291, 269.688 |
CIE-LUV | 35.005, -12.252, -28.711 |
Hunter-Lab | 29.156, -1.636, -15.661 |
Binary | 00111010, 01010100, 01110100 |
Color Schemes with #3a5474
Alternatives to #3a5474
Below, you can see some colors close to #3a5474. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5474 Preview
This text has a font color of #3a5474.
<span style="color:#3a5474;">Text here</span>
This paragraph has a background color of #3a5474.
<p style="background-color:#3a5474;">Content here</p>
This element has a border color of #3a5474.
<div style="border:1px solid #3a5474;">Content here</div>
.text {color:#3a5474;}
.background {background-color:#3a5474;}
.border {border:1px solid #3a5474;}
Shades and Tints of #3a5474
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, #06080b is the darkest color, while #fdfefe is the lightest one.
-
#06080b
#06080b
rgb(6,8,11)
-
#0c1218
#0c1218
rgb(12,18,24)
-
#131b26
#131b26
rgb(19,27,38)
-
#192533
#192533
rgb(25,37,51)
-
#202e40
#202e40
rgb(32,46,64)
-
#26384d
#26384d
rgb(38,56,77)
-
#2d415a
#2d415a
rgb(45,65,90)
-
#334b67
#334b67
rgb(51,75,103)
-
#3a5474
#3a5474
rgb(58,84,116)
-
#415d81
#415d81
rgb(65,93,129)
-
#47678e
#47678e
rgb(71,103,142)
-
#4e709b
#4e709b
rgb(78,112,155)
-
#547aa8
#547aa8
rgb(84,122,168)
-
#6084b0
#6084b0
rgb(96,132,176)
-
#6d8eb6
#6d8eb6
rgb(109,142,182)
-
#7b98bd
#7b98bd
rgb(123,152,189)
-
#88a2c3
#88a2c3
rgb(136,162,195)
-
#95adca
#95adca
rgb(149,173,202)
-
#a2b7d0
#a2b7d0
rgb(162,183,208)
-
#afc1d7
#afc1d7
rgb(175,193,215)
-
#bccbdd
#bccbdd
rgb(188,203,221)
-
#c9d5e4
#c9d5e4
rgb(201,213,228)
-
#d6dfeb
#d6dfeb
rgb(214,223,235)
-
#e3e9f1
#e3e9f1
rgb(227,233,241)
-
#f0f4f8
#f0f4f8
rgb(240,244,248)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #3a5474
A tone is produced by adding gray to any pure hue. In this case, #555759 is the less saturated color, while #044eaa is the most saturated one.
-
#555759
#555759
rgb(85,87,89)
-
#4e5660
#4e5660
rgb(78,86,96)
-
#475567
#475567
rgb(71,85,103)
-
#41556d
#41556d
rgb(65,85,109)
-
#3a5474
#3a5474
rgb(58,84,116)
-
#33537b
#33537b
rgb(51,83,123)
-
#2d5381
#2d5381
rgb(45,83,129)
-
#265288
#265288
rgb(38,82,136)
-
#1f518f
#1f518f
rgb(31,81,143)
-
#195195
#195195
rgb(25,81,149)
-
#12509c
#12509c
rgb(18,80,156)
-
#0b4fa3
#0b4fa3
rgb(11,79,163)
-
#044eaa
#044eaa
rgb(4,78,170)
Color Blindness Simulator
Below, you can see how #3a5474 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.