#3a557e Color Information
In a RGB color space, hex #3a557e is composed of 22.7% red, 33.3% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 32.5% magenta, 0% yellow and 50.6% black. It has a hue angle of 216.2 degrees, a saturation of 37% and a lightness of 36.1%. #3a557e color hex could be obtained by blending #74aafc with #000000. Closest websafe color is: #336666.
-
- R 23
- G 33
- B 49
-
- C 54
- M 33
- Y 0
- K 51
● #3a557e color description : Dark moderate blue.
#3a557e Color Conversion
The hexadecimal color #3a557e has RGB values of R:58, G:85, B:126 and CMYK values of C:0.54, M:0.33, Y:0, K:0.51. Its decimal value is 3822974.
Hex triplet | 3a557e | #3a557e |
---|---|---|
RGB Decimal | 58, 85, 126 | rgb(58,85,126) |
RGB Percent | 22.7, 33.3, 49.4 | rgb(22.7%,33.3%,49.4%) |
CMYK | 54, 33, 0, 51 | |
HSL | 216.2°, 37, 36.1 | hsl(216.2,37%,36.1%) |
HSV (or HSB) | 216.2°, 54, 49.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.796, 2.582, -26.24 |
---|---|
XYZ | 8.758, 8.902, 20.994 |
xyY | 0.227, 0.23, 8.902 |
CIE-LCH | 35.796, 26.367, 275.619 |
CIE-LUV | 35.796, -12.645, -36.309 |
Hunter-Lab | 29.837, 0.183, -20.833 |
Binary | 00111010, 01010101, 01111110 |
Color Schemes with #3a557e
Alternatives to #3a557e
Below, you can see some colors close to #3a557e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a557e Preview
This text has a font color of #3a557e.
<span style="color:#3a557e;">Text here</span>
This paragraph has a background color of #3a557e.
<p style="background-color:#3a557e;">Content here</p>
This element has a border color of #3a557e.
<div style="border:1px solid #3a557e;">Content here</div>
.text {color:#3a557e;}
.background {background-color:#3a557e;}
.border {border:1px solid #3a557e;}
Shades and Tints of #3a557e
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 #f7f8fb is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#090d13
#090d13
rgb(9,13,19)
-
#0f1620
#0f1620
rgb(15,22,32)
-
#151f2d
#151f2d
rgb(21,31,45)
-
#1b283b
#1b283b
rgb(27,40,59)
-
#213148
#213148
rgb(33,49,72)
-
#273a56
#273a56
rgb(39,58,86)
-
#2e4363
#2e4363
rgb(46,67,99)
-
#344c71
#344c71
rgb(52,76,113)
-
#3a557e
#3a557e
rgb(58,85,126)
-
#405e8b
#405e8b
rgb(64,94,139)
-
#466799
#466799
rgb(70,103,153)
-
#4d70a6
#4d70a6
rgb(77,112,166)
-
#557ab1
#557ab1
rgb(85,122,177)
-
#6384b7
#6384b7
rgb(99,132,183)
-
#708fbd
#708fbd
rgb(112,143,189)
-
#7e99c4
#7e99c4
rgb(126,153,196)
-
#8ba4ca
#8ba4ca
rgb(139,164,202)
-
#99afd0
#99afd0
rgb(153,175,208)
-
#a6b9d6
#a6b9d6
rgb(166,185,214)
-
#b4c4dc
#b4c4dc
rgb(180,196,220)
-
#c1cee2
#c1cee2
rgb(193,206,226)
-
#ced9e9
#ced9e9
rgb(206,217,233)
-
#dce3ef
#dce3ef
rgb(220,227,239)
-
#e9eef5
#e9eef5
rgb(233,238,245)
-
#f7f8fb
#f7f8fb
rgb(247,248,251)
Tones of #3a557e
A tone is produced by adding gray to any pure hue. In this case, #565b62 is the less saturated color, while #0149b7 is the most saturated one.
-
#565b62
#565b62
rgb(86,91,98)
-
#4f5969
#4f5969
rgb(79,89,105)
-
#485870
#485870
rgb(72,88,112)
-
#415677
#415677
rgb(65,86,119)
-
#3a557e
#3a557e
rgb(58,85,126)
-
#335485
#335485
rgb(51,84,133)
-
#2c528c
#2c528c
rgb(44,82,140)
-
#255193
#255193
rgb(37,81,147)
-
#1e4f9a
#1e4f9a
rgb(30,79,154)
-
#174ea1
#174ea1
rgb(23,78,161)
-
#104ca8
#104ca8
rgb(16,76,168)
-
#084bb0
#084bb0
rgb(8,75,176)
-
#0149b7
#0149b7
rgb(1,73,183)
Color Blindness Simulator
Below, you can see how #3a557e 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.