#3a556b Color Information
In a RGB color space, hex #3a556b is composed of 22.7% red, 33.3% green and 42% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 20.6% magenta, 0% yellow and 58% black. It has a hue angle of 206.9 degrees, a saturation of 29.7% and a lightness of 32.4%. #3a556b color hex could be obtained by blending #74aad6 with #000000. Closest websafe color is: #336666.
-
- R 23
- G 33
- B 42
-
- C 46
- M 21
- Y 0
- K 58
● #3a556b color description : Very dark desaturated blue.
#3a556b Color Conversion
The hexadecimal color #3a556b has RGB values of R:58, G:85, B:107 and CMYK values of C:0.46, M:0.21, Y:0, K:0.58. Its decimal value is 3822955.
Hex triplet | 3a556b | #3a556b |
---|---|---|
RGB Decimal | 58, 85, 107 | rgb(58,85,107) |
RGB Percent | 22.7, 33.3, 42 | rgb(22.7%,33.3%,42%) |
CMYK | 46, 21, 0, 58 | |
HSL | 206.9°, 29.7, 32.4 | hsl(206.9,29.7%,32.4%) |
HSV (or HSB) | 206.9°, 45.8, 42 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.919, -3.629, -15.82 |
---|---|
XYZ | 7.647, 8.458, 15.139 |
xyY | 0.245, 0.271, 8.458 |
CIE-LCH | 34.919, 16.231, 257.082 |
CIE-LUV | 34.919, -12.641, -20.555 |
Hunter-Lab | 29.082, -3.96, -10.506 |
Binary | 00111010, 01010101, 01101011 |
Color Schemes with #3a556b
Alternatives to #3a556b
Below, you can see some colors close to #3a556b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a556b Preview
This text has a font color of #3a556b.
<span style="color:#3a556b;">Text here</span>
This paragraph has a background color of #3a556b.
<p style="background-color:#3a556b;">Content here</p>
This element has a border color of #3a556b.
<div style="border:1px solid #3a556b;">Content here</div>
.text {color:#3a556b;}
.background {background-color:#3a556b;}
.border {border:1px solid #3a556b;}
Shades and Tints of #3a556b
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, #030405 is the darkest color, while #f8f9fb is the lightest one.
-
#030405
#030405
rgb(3,4,5)
-
#0a0e12
#0a0e12
rgb(10,14,18)
-
#11181f
#11181f
rgb(17,24,31)
-
#18222b
#18222b
rgb(24,34,43)
-
#1e2d38
#1e2d38
rgb(30,45,56)
-
#253745
#253745
rgb(37,55,69)
-
#2c4152
#2c4152
rgb(44,65,82)
-
#334b5e
#334b5e
rgb(51,75,94)
-
#3a556b
#3a556b
rgb(58,85,107)
-
#415f78
#415f78
rgb(65,95,120)
-
#486984
#486984
rgb(72,105,132)
-
#4f7391
#4f7391
rgb(79,115,145)
-
#567d9e
#567d9e
rgb(86,125,158)
-
#5f87a8
#5f87a8
rgb(95,135,168)
-
#6c91af
#6c91af
rgb(108,145,175)
-
#789ab6
#789ab6
rgb(120,154,182)
-
#85a4bd
#85a4bd
rgb(133,164,189)
-
#92adc4
#92adc4
rgb(146,173,196)
-
#9eb7cb
#9eb7cb
rgb(158,183,203)
-
#abc0d2
#abc0d2
rgb(171,192,210)
-
#b8cad8
#b8cad8
rgb(184,202,216)
-
#c5d3df
#c5d3df
rgb(197,211,223)
-
#d1dde6
#d1dde6
rgb(209,221,230)
-
#dee6ed
#dee6ed
rgb(222,230,237)
-
#ebf0f4
#ebf0f4
rgb(235,240,244)
-
#f8f9fb
#f8f9fb
rgb(248,249,251)
Tones of #3a556b
A tone is produced by adding gray to any pure hue. In this case, #4d5358 is the less saturated color, while #015ba4 is the most saturated one.
-
#4d5358
#4d5358
rgb(77,83,88)
-
#47545e
#47545e
rgb(71,84,94)
-
#405465
#405465
rgb(64,84,101)
-
#3a556b
#3a556b
rgb(58,85,107)
-
#345671
#345671
rgb(52,86,113)
-
#2d5678
#2d5678
rgb(45,86,120)
-
#27577e
#27577e
rgb(39,87,126)
-
#215884
#215884
rgb(33,88,132)
-
#1a588b
#1a588b
rgb(26,88,139)
-
#145991
#145991
rgb(20,89,145)
-
#0e5a97
#0e5a97
rgb(14,90,151)
-
#075a9e
#075a9e
rgb(7,90,158)
-
#015ba4
#015ba4
rgb(1,91,164)
Color Blindness Simulator
Below, you can see how #3a556b 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.