#3a5580 Color Information
In a RGB color space, hex #3a5580 is composed of 22.7% red, 33.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 33.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 216.9 degrees, a saturation of 37.6% and a lightness of 36.5%. #3a5580 color hex could be obtained by blending #74aaff with #000001. Closest websafe color is: #336699.
-
- R 23
- G 33
- B 50
-
- C 55
- M 34
- Y 0
- K 50
● #3a5580 color description : Dark moderate blue.
#3a5580 Color Conversion
The hexadecimal color #3a5580 has RGB values of R:58, G:85, B:128 and CMYK values of C:0.55, M:0.34, Y:0, K:0.5. Its decimal value is 3822976.
Hex triplet | 3a5580 | #3a5580 |
---|---|---|
RGB Decimal | 58, 85, 128 | rgb(58,85,128) |
RGB Percent | 22.7, 33.3, 50.2 | rgb(22.7%,33.3%,50.2%) |
CMYK | 55, 34, 0, 50 | |
HSL | 216.9°, 37.6, 36.5 | hsl(216.9,37.6%,36.5%) |
HSV (or HSB) | 216.9°, 54.7, 50.2 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 35.897, 3.262, -27.312 |
---|---|
XYZ | 8.889, 8.955, 21.681 |
xyY | 0.225, 0.227, 8.955 |
CIE-LCH | 35.897, 27.506, 276.81 |
CIE-LUV | 35.897, -12.649, -37.96 |
Hunter-Lab | 29.924, 0.655, -22.01 |
Binary | 00111010, 01010101, 10000000 |
Color Schemes with #3a5580
Alternatives to #3a5580
Below, you can see some colors close to #3a5580. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5580 Preview
This text has a font color of #3a5580.
<span style="color:#3a5580;">Text here</span>
This paragraph has a background color of #3a5580.
<p style="background-color:#3a5580;">Content here</p>
This element has a border color of #3a5580.
<div style="border:1px solid #3a5580;">Content here</div>
.text {color:#3a5580;}
.background {background-color:#3a5580;}
.border {border:1px solid #3a5580;}
Shades and Tints of #3a5580
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, #030407 is the darkest color, while #f8f9fc is the lightest one.
-
#030407
#030407
rgb(3,4,7)
-
#090d14
#090d14
rgb(9,13,20)
-
#0f1622
#0f1622
rgb(15,22,34)
-
#151f2f
#151f2f
rgb(21,31,47)
-
#1b283d
#1b283d
rgb(27,40,61)
-
#22314a
#22314a
rgb(34,49,74)
-
#283a58
#283a58
rgb(40,58,88)
-
#2e4365
#2e4365
rgb(46,67,101)
-
#344c73
#344c73
rgb(52,76,115)
-
#3a5580
#3a5580
rgb(58,85,128)
-
#405e8d
#405e8d
rgb(64,94,141)
-
#46679b
#46679b
rgb(70,103,155)
-
#4c70a8
#4c70a8
rgb(76,112,168)
-
#567ab2
#567ab2
rgb(86,122,178)
-
#6484b9
#6484b9
rgb(100,132,185)
-
#718fbf
#718fbf
rgb(113,143,191)
-
#7f9ac5
#7f9ac5
rgb(127,154,197)
-
#8ca4cb
#8ca4cb
rgb(140,164,203)
-
#9aafd1
#9aafd1
rgb(154,175,209)
-
#a7bad7
#a7bad7
rgb(167,186,215)
-
#b5c4dd
#b5c4dd
rgb(181,196,221)
-
#c2cfe3
#c2cfe3
rgb(194,207,227)
-
#d0dae9
#d0dae9
rgb(208,218,233)
-
#dde4f0
#dde4f0
rgb(221,228,240)
-
#ebeff6
#ebeff6
rgb(235,239,246)
-
#f8f9fc
#f8f9fc
rgb(248,249,252)
Tones of #3a5580
A tone is produced by adding gray to any pure hue. In this case, #575c63 is the less saturated color, while #0148b9 is the most saturated one.
-
#575c63
#575c63
rgb(87,92,99)
-
#4f5a6b
#4f5a6b
rgb(79,90,107)
-
#485872
#485872
rgb(72,88,114)
-
#415779
#415779
rgb(65,87,121)
-
#3a5580
#3a5580
rgb(58,85,128)
-
#335387
#335387
rgb(51,83,135)
-
#2c528e
#2c528e
rgb(44,82,142)
-
#255095
#255095
rgb(37,80,149)
-
#1d4e9d
#1d4e9d
rgb(29,78,157)
-
#164da4
#164da4
rgb(22,77,164)
-
#0f4bab
#0f4bab
rgb(15,75,171)
-
#084ab2
#084ab2
rgb(8,74,178)
-
#0148b9
#0148b9
rgb(1,72,185)
Color Blindness Simulator
Below, you can see how #3a5580 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.