#3a557f Color Information
In a RGB color space, hex #3a557f is composed of 22.7% red, 33.3% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 33.1% magenta, 0% yellow and 50.2% black. It has a hue angle of 216.5 degrees, a saturation of 37.3% and a lightness of 36.3%. #3a557f color hex could be obtained by blending #74aafe with #000000. Closest websafe color is: #336666.
-
- R 23
- G 33
- B 50
-
- C 54
- M 33
- Y 0
- K 50
● #3a557f color description : Dark moderate blue.
#3a557f Color Conversion
The hexadecimal color #3a557f has RGB values of R:58, G:85, B:127 and CMYK values of C:0.54, M:0.33, Y:0, K:0.5. Its decimal value is 3822975.
Hex triplet | 3a557f | #3a557f |
---|---|---|
RGB Decimal | 58, 85, 127 | rgb(58,85,127) |
RGB Percent | 22.7, 33.3, 49.8 | rgb(22.7%,33.3%,49.8%) |
CMYK | 54, 33, 0, 50 | |
HSL | 216.5°, 37.3, 36.3 | hsl(216.5,37.3%,36.3%) |
HSV (or HSB) | 216.5°, 54.3, 49.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.846, 2.921, -26.777 |
---|---|
XYZ | 8.823, 8.928, 21.336 |
xyY | 0.226, 0.228, 8.928 |
CIE-LCH | 35.846, 26.935, 276.226 |
CIE-LUV | 35.846, -12.647, -37.135 |
Hunter-Lab | 29.88, 0.418, -21.419 |
Binary | 00111010, 01010101, 01111111 |
Color Schemes with #3a557f
Alternatives to #3a557f
Below, you can see some colors close to #3a557f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a557f Preview
This text has a font color of #3a557f.
<span style="color:#3a557f;">Text here</span>
This paragraph has a background color of #3a557f.
<p style="background-color:#3a557f;">Content here</p>
This element has a border color of #3a557f.
<div style="border:1px solid #3a557f;">Content here</div>
.text {color:#3a557f;}
.background {background-color:#3a557f;}
.border {border:1px solid #3a557f;}
Shades and Tints of #3a557f
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, #030406 is the darkest color, while #f7f9fc is the lightest one.
-
#030406
#030406
rgb(3,4,6)
-
#090d13
#090d13
rgb(9,13,19)
-
#0f1621
#0f1621
rgb(15,22,33)
-
#151f2e
#151f2e
rgb(21,31,46)
-
#1b283c
#1b283c
rgb(27,40,60)
-
#213149
#213149
rgb(33,49,73)
-
#283a57
#283a57
rgb(40,58,87)
-
#2e4364
#2e4364
rgb(46,67,100)
-
#344c72
#344c72
rgb(52,76,114)
-
#3a557f
#3a557f
rgb(58,85,127)
-
#405e8c
#405e8c
rgb(64,94,140)
-
#46679a
#46679a
rgb(70,103,154)
-
#4c70a7
#4c70a7
rgb(76,112,167)
-
#567ab2
#567ab2
rgb(86,122,178)
-
#6384b8
#6384b8
rgb(99,132,184)
-
#718fbe
#718fbe
rgb(113,143,190)
-
#7e9ac4
#7e9ac4
rgb(126,154,196)
-
#8ca4ca
#8ca4ca
rgb(140,164,202)
-
#99afd0
#99afd0
rgb(153,175,208)
-
#a7b9d7
#a7b9d7
rgb(167,185,215)
-
#b4c4dd
#b4c4dd
rgb(180,196,221)
-
#c1cfe3
#c1cfe3
rgb(193,207,227)
-
#cfd9e9
#cfd9e9
rgb(207,217,233)
-
#dce4ef
#dce4ef
rgb(220,228,239)
-
#eaeef5
#eaeef5
rgb(234,238,245)
-
#f7f9fc
#f7f9fc
rgb(247,249,252)
Tones of #3a557f
A tone is produced by adding gray to any pure hue. In this case, #565b63 is the less saturated color, while #0149b8 is the most saturated one.
-
#565b63
#565b63
rgb(86,91,99)
-
#4f5a6a
#4f5a6a
rgb(79,90,106)
-
#485871
#485871
rgb(72,88,113)
-
#415778
#415778
rgb(65,87,120)
-
#3a557f
#3a557f
rgb(58,85,127)
-
#335386
#335386
rgb(51,83,134)
-
#2c528d
#2c528d
rgb(44,82,141)
-
#255094
#255094
rgb(37,80,148)
-
#1e4f9b
#1e4f9b
rgb(30,79,155)
-
#164da3
#164da3
rgb(22,77,163)
-
#0f4caa
#0f4caa
rgb(15,76,170)
-
#084ab1
#084ab1
rgb(8,74,177)
-
#0149b8
#0149b8
rgb(1,73,184)
Color Blindness Simulator
Below, you can see how #3a557f 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.