#3a5ba2 Color Information
In a RGB color space, hex #3a5ba2 is composed of 22.7% red, 35.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 43.8% magenta, 0% yellow and 36.5% black. It has a hue angle of 221 degrees, a saturation of 47.3% and a lightness of 43.1%. #3a5ba2 color hex could be obtained by blending #74b6ff with #000045. Closest websafe color is: #336699.
-
- R 23
- G 36
- B 64
-
- C 64
- M 44
- Y 0
- K 36
● #3a5ba2 color description : Dark moderate blue.
#3a5ba2 Color Conversion
The hexadecimal color #3a5ba2 has RGB values of R:58, G:91, B:162 and CMYK values of C:0.64, M:0.44, Y:0, K:0.36. Its decimal value is 3824546.
Hex triplet | 3a5ba2 | #3a5ba2 |
---|---|---|
RGB Decimal | 58, 91, 162 | rgb(58,91,162) |
RGB Percent | 22.7, 35.7, 63.5 | rgb(22.7%,35.7%,63.5%) |
CMYK | 64, 44, 0, 36 | |
HSL | 221°, 47.3, 43.1 | hsl(221,47.3%,43.1%) |
HSV (or HSB) | 221°, 64.2, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 39.563, 11.38, -42.073 |
---|---|
XYZ | 12.006, 10.99, 35.669 |
xyY | 0.205, 0.187, 10.99 |
CIE-LCH | 39.563, 43.585, 285.136 |
CIE-LUV | 39.563, -14.737, -61.666 |
Hunter-Lab | 33.151, 6.634, -40.589 |
Binary | 00111010, 01011011, 10100010 |
Color Schemes with #3a5ba2
Alternatives to #3a5ba2
Below, you can see some colors close to #3a5ba2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5ba2 Preview
This text has a font color of #3a5ba2.
<span style="color:#3a5ba2;">Text here</span>
This paragraph has a background color of #3a5ba2.
<p style="background-color:#3a5ba2;">Content here</p>
This element has a border color of #3a5ba2.
<div style="border:1px solid #3a5ba2;">Content here</div>
.text {color:#3a5ba2;}
.background {background-color:#3a5ba2;}
.border {border:1px solid #3a5ba2;}
Shades and Tints of #3a5ba2
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, #010203 is the darkest color, while #f4f6fb is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#060a12
#060a12
rgb(6,10,18)
-
#0b1220
#0b1220
rgb(11,18,32)
-
#111a2e
#111a2e
rgb(17,26,46)
-
#16223d
#16223d
rgb(22,34,61)
-
#1b2a4b
#1b2a4b
rgb(27,42,75)
-
#20325a
#20325a
rgb(32,50,90)
-
#253b68
#253b68
rgb(37,59,104)
-
#2a4377
#2a4377
rgb(42,67,119)
-
#304b85
#304b85
rgb(48,75,133)
-
#355394
#355394
rgb(53,83,148)
-
#3a5ba2
#3a5ba2
rgb(58,91,162)
-
#3f63b0
#3f63b0
rgb(63,99,176)
-
#466cbd
#466cbd
rgb(70,108,189)
-
#5577c2
#5577c2
rgb(85,119,194)
-
#6383c7
#6383c7
rgb(99,131,199)
-
#728ecc
#728ecc
rgb(114,142,204)
-
#809ad2
#809ad2
rgb(128,154,210)
-
#8fa5d7
#8fa5d7
rgb(143,165,215)
-
#9db1dc
#9db1dc
rgb(157,177,220)
-
#abbce1
#abbce1
rgb(171,188,225)
-
#bac8e6
#bac8e6
rgb(186,200,230)
-
#c8d3eb
#c8d3eb
rgb(200,211,235)
-
#d7dff1
#d7dff1
rgb(215,223,241)
-
#e5eaf6
#e5eaf6
rgb(229,234,246)
-
#f4f6fb
#f4f6fb
rgb(244,246,251)
Tones of #3a5ba2
A tone is produced by adding gray to any pure hue. In this case, #6d6e6f is the less saturated color, while #0748d5 is the most saturated one.
-
#6d6e6f
#6d6e6f
rgb(109,110,111)
-
#646a78
#646a78
rgb(100,106,120)
-
#5c6780
#5c6780
rgb(92,103,128)
-
#536489
#536489
rgb(83,100,137)
-
#4b6191
#4b6191
rgb(75,97,145)
-
#425e9a
#425e9a
rgb(66,94,154)
-
#3a5ba2
#3a5ba2
rgb(58,91,162)
-
#3258aa
#3258aa
rgb(50,88,170)
-
#2955b3
#2955b3
rgb(41,85,179)
-
#2152bb
#2152bb
rgb(33,82,187)
-
#184fc4
#184fc4
rgb(24,79,196)
-
#104ccc
#104ccc
rgb(16,76,204)
-
#0748d5
#0748d5
rgb(7,72,213)
Color Blindness Simulator
Below, you can see how #3a5ba2 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.