#3a5aa2 Color Information
In a RGB color space, hex #3a5aa2 is composed of 22.7% red, 35.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 44.4% magenta, 0% yellow and 36.5% black. It has a hue angle of 221.5 degrees, a saturation of 47.3% and a lightness of 43.1%. #3a5aa2 color hex could be obtained by blending #74b4ff with #000045. Closest websafe color is: #336699.
-
- R 23
- G 35
- B 64
-
- C 64
- M 44
- Y 0
- K 36
● #3a5aa2 color description : Dark moderate blue.
#3a5aa2 Color Conversion
The hexadecimal color #3a5aa2 has RGB values of R:58, G:90, B:162 and CMYK values of C:0.64, M:0.44, Y:0, K:0.36. Its decimal value is 3824290.
Hex triplet | 3a5aa2 | #3a5aa2 |
---|---|---|
RGB Decimal | 58, 90, 162 | rgb(58,90,162) |
RGB Percent | 22.7, 35.3, 63.5 | rgb(22.7%,35.3%,63.5%) |
CMYK | 64, 44, 0, 36 | |
HSL | 221.5°, 47.3, 43.1 | hsl(221.5,47.3%,43.1%) |
HSV (or HSB) | 221.5°, 64.2, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 39.275, 12.027, -42.532 |
---|---|
XYZ | 11.921, 10.82, 35.641 |
xyY | 0.204, 0.185, 10.82 |
CIE-LCH | 39.275, 44.2, 285.79 |
CIE-LUV | 39.275, -14.412, -62.274 |
Hunter-Lab | 32.893, 7.129, -41.216 |
Binary | 00111010, 01011010, 10100010 |
Color Schemes with #3a5aa2
Alternatives to #3a5aa2
Below, you can see some colors close to #3a5aa2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5aa2 Preview
This text has a font color of #3a5aa2.
<span style="color:#3a5aa2;">Text here</span>
This paragraph has a background color of #3a5aa2.
<p style="background-color:#3a5aa2;">Content here</p>
This element has a border color of #3a5aa2.
<div style="border:1px solid #3a5aa2;">Content here</div>
.text {color:#3a5aa2;}
.background {background-color:#3a5aa2;}
.border {border:1px solid #3a5aa2;}
Shades and Tints of #3a5aa2
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)
-
#253a68
#253a68
rgb(37,58,104)
-
#2a4277
#2a4277
rgb(42,66,119)
-
#304a85
#304a85
rgb(48,74,133)
-
#355294
#355294
rgb(53,82,148)
-
#3a5aa2
#3a5aa2
rgb(58,90,162)
-
#3f62b0
#3f62b0
rgb(63,98,176)
-
#466bbd
#466bbd
rgb(70,107,189)
-
#5576c2
#5576c2
rgb(85,118,194)
-
#6382c7
#6382c7
rgb(99,130,199)
-
#728ecc
#728ecc
rgb(114,142,204)
-
#8099d2
#8099d2
rgb(128,153,210)
-
#8fa5d7
#8fa5d7
rgb(143,165,215)
-
#9db0dc
#9db0dc
rgb(157,176,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 #3a5aa2
A tone is produced by adding gray to any pure hue. In this case, #6d6e6f is the less saturated color, while #0746d5 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)
-
#425d9a
#425d9a
rgb(66,93,154)
-
#3a5aa2
#3a5aa2
rgb(58,90,162)
-
#3257aa
#3257aa
rgb(50,87,170)
-
#2953b3
#2953b3
rgb(41,83,179)
-
#2150bb
#2150bb
rgb(33,80,187)
-
#184dc4
#184dc4
rgb(24,77,196)
-
#104acc
#104acc
rgb(16,74,204)
-
#0746d5
#0746d5
rgb(7,70,213)
Color Blindness Simulator
Below, you can see how #3a5aa2 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.