#3a4476 Color Information
In a RGB color space, hex #3a4476 is composed of 22.7% red, 26.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 42.4% magenta, 0% yellow and 53.7% black. It has a hue angle of 230 degrees, a saturation of 34.1% and a lightness of 34.5%. #3a4476 color hex could be obtained by blending #7488ec with #000000. Closest websafe color is: #333366.
-
- R 23
- G 27
- B 46
-
- C 51
- M 42
- Y 0
- K 54
● #3a4476 color description : Dark moderate blue.
#3a4476 Color Conversion
The hexadecimal color #3a4476 has RGB values of R:58, G:68, B:118 and CMYK values of C:0.51, M:0.42, Y:0, K:0.54. Its decimal value is 3818614.
Hex triplet | 3a4476 | #3a4476 |
---|---|---|
RGB Decimal | 58, 68, 118 | rgb(58,68,118) |
RGB Percent | 22.7, 26.7, 46.3 | rgb(22.7%,26.7%,46.3%) |
CMYK | 51, 42, 0, 54 | |
HSL | 230°, 34.1, 34.5 | hsl(230,34.1%,34.5%) |
HSV (or HSB) | 230°, 50.8, 46.3 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.258, 11.003, -29.989 |
---|---|
XYZ | 7.081, 6.342, 17.989 |
xyY | 0.225, 0.202, 6.342 |
CIE-LCH | 30.258, 31.944, 290.149 |
CIE-LUV | 30.258, -6.477, -40.47 |
Hunter-Lab | 25.182, 6.126, -24.727 |
Binary | 00111010, 01000100, 01110110 |
Color Schemes with #3a4476
Alternatives to #3a4476
Below, you can see some colors close to #3a4476. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a4476 Preview
This text has a font color of #3a4476.
<span style="color:#3a4476;">Text here</span>
This paragraph has a background color of #3a4476.
<p style="background-color:#3a4476;">Content here</p>
This element has a border color of #3a4476.
<div style="border:1px solid #3a4476;">Content here</div>
.text {color:#3a4476;}
.background {background-color:#3a4476;}
.border {border:1px solid #3a4476;}
Shades and Tints of #3a4476
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, #06070d is the darkest color, while #ffffff is the lightest one.
-
#06070d
#06070d
rgb(6,7,13)
-
#0d0f1a
#0d0f1a
rgb(13,15,26)
-
#131727
#131727
rgb(19,23,39)
-
#1a1e34
#1a1e34
rgb(26,30,52)
-
#202641
#202641
rgb(32,38,65)
-
#272d4f
#272d4f
rgb(39,45,79)
-
#2d355c
#2d355c
rgb(45,53,92)
-
#343c69
#343c69
rgb(52,60,105)
-
#3a4476
#3a4476
rgb(58,68,118)
-
#404c83
#404c83
rgb(64,76,131)
-
#475390
#475390
rgb(71,83,144)
-
#4d5b9d
#4d5b9d
rgb(77,91,157)
-
#5462ab
#5462ab
rgb(84,98,171)
-
#616eb1
#616eb1
rgb(97,110,177)
-
#6e7ab8
#6e7ab8
rgb(110,122,184)
-
#7b86be
#7b86be
rgb(123,134,190)
-
#8892c5
#8892c5
rgb(136,146,197)
-
#959ecb
#959ecb
rgb(149,158,203)
-
#a3aad2
#a3aad2
rgb(163,170,210)
-
#b0b6d8
#b0b6d8
rgb(176,182,216)
-
#bdc2df
#bdc2df
rgb(189,194,223)
-
#cacfe5
#cacfe5
rgb(202,207,229)
-
#d7dbeb
#d7dbeb
rgb(215,219,235)
-
#e4e7f2
#e4e7f2
rgb(228,231,242)
-
#f1f3f8
#f1f3f8
rgb(241,243,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #3a4476
A tone is produced by adding gray to any pure hue. In this case, #55565b is the less saturated color, while #0420ac is the most saturated one.
-
#55565b
#55565b
rgb(85,86,91)
-
#4e5262
#4e5262
rgb(78,82,98)
-
#484d68
#484d68
rgb(72,77,104)
-
#41496f
#41496f
rgb(65,73,111)
-
#3a4476
#3a4476
rgb(58,68,118)
-
#333f7d
#333f7d
rgb(51,63,125)
-
#2c3b84
#2c3b84
rgb(44,59,132)
-
#26368a
#26368a
rgb(38,54,138)
-
#1f3291
#1f3291
rgb(31,50,145)
-
#182d98
#182d98
rgb(24,45,152)
-
#11299f
#11299f
rgb(17,41,159)
-
#0b24a5
#0b24a5
rgb(11,36,165)
-
#0420ac
#0420ac
rgb(4,32,172)
Color Blindness Simulator
Below, you can see how #3a4476 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.