#3a6ba4 Color Information
In a RGB color space, hex #3a6ba4 is composed of 22.7% red, 42% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 34.8% magenta, 0% yellow and 35.7% black. It has a hue angle of 212.3 degrees, a saturation of 47.7% and a lightness of 43.5%. #3a6ba4 color hex could be obtained by blending #74d6ff with #000049. Closest websafe color is: #336699.
-
- R 23
- G 42
- B 64
-
- C 65
- M 35
- Y 0
- K 36
● #3a6ba4 color description : Dark moderate blue.
#3a6ba4 Color Conversion
The hexadecimal color #3a6ba4 has RGB values of R:58, G:107, B:164 and CMYK values of C:0.65, M:0.35, Y:0, K:0.36. Its decimal value is 3828644.
Hex triplet | 3a6ba4 | #3a6ba4 |
---|---|---|
RGB Decimal | 58, 107, 164 | rgb(58,107,164) |
RGB Percent | 22.7, 42, 64.3 | rgb(22.7%,42%,64.3%) |
CMYK | 65, 35, 0, 36 | |
HSL | 212.3°, 47.7, 43.5 | hsl(212.3,47.7%,43.5%) |
HSV (or HSB) | 212.3°, 64.6, 64.3 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.368, 1.964, -35.631 |
---|---|
XYZ | 13.702, 14.094, 37.118 |
xyY | 0.211, 0.217, 14.094 |
CIE-LCH | 44.368, 35.685, 273.155 |
CIE-LUV | 44.368, -20.159, -52.683 |
Hunter-Lab | 37.542, -0.552, -32.34 |
Binary | 00111010, 01101011, 10100100 |
Color Schemes with #3a6ba4
Alternatives to #3a6ba4
Below, you can see some colors close to #3a6ba4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a6ba4 Preview
This text has a font color of #3a6ba4.
<span style="color:#3a6ba4;">Text here</span>
This paragraph has a background color of #3a6ba4.
<p style="background-color:#3a6ba4;">Content here</p>
This element has a border color of #3a6ba4.
<div style="border:1px solid #3a6ba4;">Content here</div>
.text {color:#3a6ba4;}
.background {background-color:#3a6ba4;}
.border {border:1px solid #3a6ba4;}
Shades and Tints of #3a6ba4
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, #020305 is the darkest color, while #f5f8fc is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#070c13
#070c13
rgb(7,12,19)
-
#0c1622
#0c1622
rgb(12,22,34)
-
#111f30
#111f30
rgb(17,31,48)
-
#16293f
#16293f
rgb(22,41,63)
-
#1b324d
#1b324d
rgb(27,50,77)
-
#203c5c
#203c5c
rgb(32,60,92)
-
#26456a
#26456a
rgb(38,69,106)
-
#2b4f79
#2b4f79
rgb(43,79,121)
-
#305887
#305887
rgb(48,88,135)
-
#356296
#356296
rgb(53,98,150)
-
#3a6ba4
#3a6ba4
rgb(58,107,164)
-
#3f74b2
#3f74b2
rgb(63,116,178)
-
#477ebe
#477ebe
rgb(71,126,190)
-
#5688c3
#5688c3
rgb(86,136,195)
-
#6492c8
#6492c8
rgb(100,146,200)
-
#739dcd
#739dcd
rgb(115,157,205)
-
#81a7d3
#81a7d3
rgb(129,167,211)
-
#90b1d8
#90b1d8
rgb(144,177,216)
-
#9ebbdd
#9ebbdd
rgb(158,187,221)
-
#adc5e2
#adc5e2
rgb(173,197,226)
-
#bbcfe7
#bbcfe7
rgb(187,207,231)
-
#cadaec
#cadaec
rgb(202,218,236)
-
#d8e4f1
#d8e4f1
rgb(216,228,241)
-
#e7eef6
#e7eef6
rgb(231,238,246)
-
#f5f8fc
#f5f8fc
rgb(245,248,252)
Tones of #3a6ba4
A tone is produced by adding gray to any pure hue. In this case, #6d6f71 is the less saturated color, while #0767d7 is the most saturated one.
-
#6d6f71
#6d6f71
rgb(109,111,113)
-
#656e79
#656e79
rgb(101,110,121)
-
#5c6e82
#5c6e82
rgb(92,110,130)
-
#546d8a
#546d8a
rgb(84,109,138)
-
#4b6c93
#4b6c93
rgb(75,108,147)
-
#436c9b
#436c9b
rgb(67,108,155)
-
#3a6ba4
#3a6ba4
rgb(58,107,164)
-
#316aad
#316aad
rgb(49,106,173)
-
#296ab5
#296ab5
rgb(41,106,181)
-
#2069be
#2069be
rgb(32,105,190)
-
#1868c6
#1868c6
rgb(24,104,198)
-
#0f68cf
#0f68cf
rgb(15,104,207)
-
#0767d7
#0767d7
rgb(7,103,215)
Color Blindness Simulator
Below, you can see how #3a6ba4 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.