#3a557d Color Information
In a RGB color space, hex #3a557d is composed of 22.7% red, 33.3% green and 49% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 32% magenta, 0% yellow and 51% black. It has a hue angle of 215.8 degrees, a saturation of 36.6% and a lightness of 35.9%. #3a557d color hex could be obtained by blending #74aafa with #000000. Closest websafe color is: #336666.
-
- R 23
- G 33
- B 49
-
- C 54
- M 32
- Y 0
- K 51
● #3a557d color description : Dark moderate blue.
#3a557d Color Conversion
The hexadecimal color #3a557d has RGB values of R:58, G:85, B:125 and CMYK values of C:0.54, M:0.32, Y:0, K:0.51. Its decimal value is 3822973.
Hex triplet | 3a557d | #3a557d |
---|---|---|
RGB Decimal | 58, 85, 125 | rgb(58,85,125) |
RGB Percent | 22.7, 33.3, 49 | rgb(22.7%,33.3%,49%) |
CMYK | 54, 32, 0, 51 | |
HSL | 215.8°, 36.6, 35.9 | hsl(215.8,36.6%,35.9%) |
HSV (or HSB) | 215.8°, 53.6, 49 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.746, 2.243, -25.702 |
---|---|
XYZ | 8.694, 8.877, 20.656 |
xyY | 0.227, 0.232, 8.877 |
CIE-LCH | 35.746, 25.8, 274.989 |
CIE-LUV | 35.746, -12.644, -35.483 |
Hunter-Lab | 29.794, -0.051, -20.25 |
Binary | 00111010, 01010101, 01111101 |
Color Schemes with #3a557d
Alternatives to #3a557d
Below, you can see some colors close to #3a557d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a557d Preview
This text has a font color of #3a557d.
<span style="color:#3a557d;">Text here</span>
This paragraph has a background color of #3a557d.
<p style="background-color:#3a557d;">Content here</p>
This element has a border color of #3a557d.
<div style="border:1px solid #3a557d;">Content here</div>
.text {color:#3a557d;}
.background {background-color:#3a557d;}
.border {border:1px solid #3a557d;}
Shades and Tints of #3a557d
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, #020304 is the darkest color, while #f6f8fb is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#080c12
#080c12
rgb(8,12,18)
-
#0e151f
#0e151f
rgb(14,21,31)
-
#151e2d
#151e2d
rgb(21,30,45)
-
#1b273a
#1b273a
rgb(27,39,58)
-
#213147
#213147
rgb(33,49,71)
-
#273a55
#273a55
rgb(39,58,85)
-
#2e4362
#2e4362
rgb(46,67,98)
-
#344c70
#344c70
rgb(52,76,112)
-
#3a557d
#3a557d
rgb(58,85,125)
-
#405e8a
#405e8a
rgb(64,94,138)
-
#466798
#466798
rgb(70,103,152)
-
#4d70a5
#4d70a5
rgb(77,112,165)
-
#557ab0
#557ab0
rgb(85,122,176)
-
#6384b6
#6384b6
rgb(99,132,182)
-
#708fbd
#708fbd
rgb(112,143,189)
-
#7d99c3
#7d99c3
rgb(125,153,195)
-
#8ba4c9
#8ba4c9
rgb(139,164,201)
-
#98aecf
#98aecf
rgb(152,174,207)
-
#a6b9d6
#a6b9d6
rgb(166,185,214)
-
#b3c3dc
#b3c3dc
rgb(179,195,220)
-
#c0cee2
#c0cee2
rgb(192,206,226)
-
#ced8e8
#ced8e8
rgb(206,216,232)
-
#dbe3ee
#dbe3ee
rgb(219,227,238)
-
#e9edf5
#e9edf5
rgb(233,237,245)
-
#f6f8fb
#f6f8fb
rgb(246,248,251)
Tones of #3a557d
A tone is produced by adding gray to any pure hue. In this case, #565a61 is the less saturated color, while #024ab5 is the most saturated one.
-
#565a61
#565a61
rgb(86,90,97)
-
#4f5968
#4f5968
rgb(79,89,104)
-
#48586f
#48586f
rgb(72,88,111)
-
#415676
#415676
rgb(65,86,118)
-
#3a557d
#3a557d
rgb(58,85,125)
-
#335484
#335484
rgb(51,84,132)
-
#2c528b
#2c528b
rgb(44,82,139)
-
#255192
#255192
rgb(37,81,146)
-
#1e5099
#1e5099
rgb(30,80,153)
-
#174ea0
#174ea0
rgb(23,78,160)
-
#104da7
#104da7
rgb(16,77,167)
-
#094bae
#094bae
rgb(9,75,174)
-
#024ab5
#024ab5
rgb(2,74,181)
Color Blindness Simulator
Below, you can see how #3a557d 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.