#3a55a0 Color Information
In a RGB color space, hex #3a55a0 is composed of 22.7% red, 33.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 46.9% magenta, 0% yellow and 37.3% black. It has a hue angle of 224.1 degrees, a saturation of 46.8% and a lightness of 42.7%. #3a55a0 color hex could be obtained by blending #74aaff with #000041. Closest websafe color is: #336699.
-
- R 23
- G 33
- B 63
-
- C 64
- M 47
- Y 0
- K 37
● #3a55a0 color description : Dark moderate blue.
#3a55a0 Color Conversion
The hexadecimal color #3a55a0 has RGB values of R:58, G:85, B:160 and CMYK values of C:0.64, M:0.47, Y:0, K:0.37. Its decimal value is 3823008.
Hex triplet | 3a55a0 | #3a55a0 |
---|---|---|
RGB Decimal | 58, 85, 160 | rgb(58,85,160) |
RGB Percent | 22.7, 33.3, 62.7 | rgb(22.7%,33.3%,62.7%) |
CMYK | 64, 47, 0, 37 | |
HSL | 224.1°, 46.8, 42.7 | hsl(224.1,46.8%,42.7%) |
HSV (or HSB) | 224.1°, 63.8, 62.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.724, 14.56, -43.821 |
---|---|
XYZ | 11.337, 9.934, 34.576 |
xyY | 0.203, 0.178, 9.934 |
CIE-LCH | 37.724, 46.177, 288.379 |
CIE-LUV | 37.724, -12.805, -63.642 |
Hunter-Lab | 31.518, 9.05, -42.979 |
Binary | 00111010, 01010101, 10100000 |
Color Schemes with #3a55a0
Alternatives to #3a55a0
Below, you can see some colors close to #3a55a0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a55a0 Preview
This text has a font color of #3a55a0.
<span style="color:#3a55a0;">Text here</span>
This paragraph has a background color of #3a55a0.
<p style="background-color:#3a55a0;">Content here</p>
This element has a border color of #3a55a0.
<div style="border:1px solid #3a55a0;">Content here</div>
.text {color:#3a55a0;}
.background {background-color:#3a55a0;}
.border {border:1px solid #3a55a0;}
Shades and Tints of #3a55a0
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, #010102 is the darkest color, while #f2f4fa is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#060910
#060910
rgb(6,9,16)
-
#0b101e
#0b101e
rgb(11,16,30)
-
#10182d
#10182d
rgb(16,24,45)
-
#151f3b
#151f3b
rgb(21,31,59)
-
#1b274a
#1b274a
rgb(27,39,74)
-
#202f58
#202f58
rgb(32,47,88)
-
#253666
#253666
rgb(37,54,102)
-
#2a3e75
#2a3e75
rgb(42,62,117)
-
#304683
#304683
rgb(48,70,131)
-
#354d92
#354d92
rgb(53,77,146)
-
#3a55a0
#3a55a0
rgb(58,85,160)
-
#3f5dae
#3f5dae
rgb(63,93,174)
-
#4565bc
#4565bc
rgb(69,101,188)
-
#5471c1
#5471c1
rgb(84,113,193)
-
#627dc6
#627dc6
rgb(98,125,198)
-
#7189cb
#7189cb
rgb(113,137,203)
-
#7f95d1
#7f95d1
rgb(127,149,209)
-
#8da1d6
#8da1d6
rgb(141,161,214)
-
#9caddb
#9caddb
rgb(156,173,219)
-
#aab9e0
#aab9e0
rgb(170,185,224)
-
#b9c5e5
#b9c5e5
rgb(185,197,229)
-
#c7d0eb
#c7d0eb
rgb(199,208,235)
-
#d5dcf0
#d5dcf0
rgb(213,220,240)
-
#e4e8f5
#e4e8f5
rgb(228,232,245)
-
#f2f4fa
#f2f4fa
rgb(242,244,250)
Tones of #3a55a0
A tone is produced by adding gray to any pure hue. In this case, #6c6d6e is the less saturated color, while #083dd2 is the most saturated one.
-
#6c6d6e
#6c6d6e
rgb(108,109,110)
-
#646976
#646976
rgb(100,105,118)
-
#5c657e
#5c657e
rgb(92,101,126)
-
#536187
#536187
rgb(83,97,135)
-
#4b5d8f
#4b5d8f
rgb(75,93,143)
-
#425998
#425998
rgb(66,89,152)
-
#3a55a0
#3a55a0
rgb(58,85,160)
-
#3251a8
#3251a8
rgb(50,81,168)
-
#294db1
#294db1
rgb(41,77,177)
-
#2149b9
#2149b9
rgb(33,73,185)
-
#1845c2
#1845c2
rgb(24,69,194)
-
#1041ca
#1041ca
rgb(16,65,202)
-
#083dd2
#083dd2
rgb(8,61,210)
Color Blindness Simulator
Below, you can see how #3a55a0 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.