#3a5686 Color Information
In a RGB color space, hex #3a5686 is composed of 22.7% red, 33.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 35.8% magenta, 0% yellow and 47.5% black. It has a hue angle of 217.9 degrees, a saturation of 39.6% and a lightness of 37.6%. #3a5686 color hex could be obtained by blending #74acff with #00000d. Closest websafe color is: #336699.
-
- R 23
- G 34
- B 53
-
- C 57
- M 36
- Y 0
- K 47
● #3a5686 color description : Dark moderate blue.
#3a5686 Color Conversion
The hexadecimal color #3a5686 has RGB values of R:58, G:86, B:134 and CMYK values of C:0.57, M:0.36, Y:0, K:0.47. Its decimal value is 3823238.
Hex triplet | 3a5686 | #3a5686 |
---|---|---|
RGB Decimal | 58, 86, 134 | rgb(58,86,134) |
RGB Percent | 22.7, 33.7, 52.5 | rgb(22.7%,33.7%,52.5%) |
CMYK | 57, 36, 0, 47 | |
HSL | 217.9°, 39.6, 37.6 | hsl(217.9,39.6%,37.6%) |
HSV (or HSB) | 217.9°, 56.7, 52.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 36.51, 4.681, -30.025 |
---|---|
XYZ | 9.375, 9.276, 23.849 |
xyY | 0.221, 0.218, 9.276 |
CIE-LCH | 36.51, 30.388, 278.861 |
CIE-LUV | 36.51, -13.022, -42.23 |
Hunter-Lab | 30.456, 1.646, -25.109 |
Binary | 00111010, 01010110, 10000110 |
Color Schemes with #3a5686
Alternatives to #3a5686
Below, you can see some colors close to #3a5686. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5686 Preview
This text has a font color of #3a5686.
<span style="color:#3a5686;">Text here</span>
This paragraph has a background color of #3a5686.
<p style="background-color:#3a5686;">Content here</p>
This element has a border color of #3a5686.
<div style="border:1px solid #3a5686;">Content here</div>
.text {color:#3a5686;}
.background {background-color:#3a5686;}
.border {border:1px solid #3a5686;}
Shades and Tints of #3a5686
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, #05070b is the darkest color, while #fcfdfe is the lightest one.
-
#05070b
#05070b
rgb(5,7,11)
-
#0b1018
#0b1018
rgb(11,16,24)
-
#111826
#111826
rgb(17,24,38)
-
#162134
#162134
rgb(22,33,52)
-
#1c2a42
#1c2a42
rgb(28,42,66)
-
#22334f
#22334f
rgb(34,51,79)
-
#283c5d
#283c5d
rgb(40,60,93)
-
#2e446b
#2e446b
rgb(46,68,107)
-
#344d78
#344d78
rgb(52,77,120)
-
#3a5686
#3a5686
rgb(58,86,134)
-
#405f94
#405f94
rgb(64,95,148)
-
#4668a1
#4668a1
rgb(70,104,161)
-
#4c70af
#4c70af
rgb(76,112,175)
-
#587bb7
#587bb7
rgb(88,123,183)
-
#6686bd
#6686bd
rgb(102,134,189)
-
#7390c2
#7390c2
rgb(115,144,194)
-
#819bc8
#819bc8
rgb(129,155,200)
-
#8fa6ce
#8fa6ce
rgb(143,166,206)
-
#9cb1d4
#9cb1d4
rgb(156,177,212)
-
#aabcda
#aabcda
rgb(170,188,218)
-
#b8c7e0
#b8c7e0
rgb(184,199,224)
-
#c5d1e6
#c5d1e6
rgb(197,209,230)
-
#d3dcec
#d3dcec
rgb(211,220,236)
-
#e1e7f2
#e1e7f2
rgb(225,231,242)
-
#eef2f8
#eef2f8
rgb(238,242,248)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #3a5686
A tone is produced by adding gray to any pure hue. In this case, #5f6061 is the less saturated color, while #0648ba is the most saturated one.
-
#5f6061
#5f6061
rgb(95,96,97)
-
#585e68
#585e68
rgb(88,94,104)
-
#505c70
#505c70
rgb(80,92,112)
-
#495a77
#495a77
rgb(73,90,119)
-
#41587f
#41587f
rgb(65,88,127)
-
#3a5686
#3a5686
rgb(58,86,134)
-
#33548d
#33548d
rgb(51,84,141)
-
#2b5295
#2b5295
rgb(43,82,149)
-
#24509c
#24509c
rgb(36,80,156)
-
#1c4ea4
#1c4ea4
rgb(28,78,164)
-
#154cab
#154cab
rgb(21,76,171)
-
#0e4ab2
#0e4ab2
rgb(14,74,178)
-
#0648ba
#0648ba
rgb(6,72,186)
Color Blindness Simulator
Below, you can see how #3a5686 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.