#3a5564 Color Information
In a RGB color space, hex #3a5564 is composed of 22.7% red, 33.3% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 15% magenta, 0% yellow and 60.8% black. It has a hue angle of 201.4 degrees, a saturation of 26.6% and a lightness of 31%. #3a5564 color hex could be obtained by blending #74aac8 with #000000. Closest websafe color is: #336666.
-
- R 23
- G 33
- B 39
-
- C 42
- M 15
- Y 0
- K 61
● #3a5564 color description : Very dark desaturated blue.
#3a5564 Color Conversion
The hexadecimal color #3a5564 has RGB values of R:58, G:85, B:100 and CMYK values of C:0.42, M:0.15, Y:0, K:0.61. Its decimal value is 3822948.
Hex triplet | 3a5564 | #3a5564 |
---|---|---|
RGB Decimal | 58, 85, 100 | rgb(58,85,100) |
RGB Percent | 22.7, 33.3, 39.2 | rgb(22.7%,33.3%,39.2%) |
CMYK | 42, 15, 0, 61 | |
HSL | 201.4°, 26.6, 31 | hsl(201.4,26.6%,31%) |
HSV (or HSB) | 201.4°, 42, 39.2 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.633, -5.778, -11.878 |
---|---|
XYZ | 7.293, 8.316, 13.277 |
xyY | 0.252, 0.288, 8.316 |
CIE-LCH | 34.633, 13.208, 244.061 |
CIE-LUV | 34.633, -12.652, -14.789 |
Hunter-Lab | 28.838, -5.324, -7.11 |
Binary | 00111010, 01010101, 01100100 |
Color Schemes with #3a5564
Alternatives to #3a5564
Below, you can see some colors close to #3a5564. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5564 Preview
This text has a font color of #3a5564.
<span style="color:#3a5564;">Text here</span>
This paragraph has a background color of #3a5564.
<p style="background-color:#3a5564;">Content here</p>
This element has a border color of #3a5564.
<div style="border:1px solid #3a5564;">Content here</div>
.text {color:#3a5564;}
.background {background-color:#3a5564;}
.border {border:1px solid #3a5564;}
Shades and Tints of #3a5564
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, #000101 is the darkest color, while #f3f6f8 is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#080b0d
#080b0d
rgb(8,11,13)
-
#0f161a
#0f161a
rgb(15,22,26)
-
#162026
#162026
rgb(22,32,38)
-
#1d2b32
#1d2b32
rgb(29,43,50)
-
#24353f
#24353f
rgb(36,53,63)
-
#2c404b
#2c404b
rgb(44,64,75)
-
#334a58
#334a58
rgb(51,74,88)
-
#3a5564
#3a5564
rgb(58,85,100)
-
#416070
#416070
rgb(65,96,112)
-
#486a7d
#486a7d
rgb(72,106,125)
-
#507589
#507589
rgb(80,117,137)
-
#577f96
#577f96
rgb(87,127,150)
-
#5e8aa2
#5e8aa2
rgb(94,138,162)
-
#6b93a9
#6b93a9
rgb(107,147,169)
-
#779cb0
#779cb0
rgb(119,156,176)
-
#84a5b7
#84a5b7
rgb(132,165,183)
-
#90aebf
#90aebf
rgb(144,174,191)
-
#9cb7c6
#9cb7c6
rgb(156,183,198)
-
#a9c0cd
#a9c0cd
rgb(169,192,205)
-
#b5c9d4
#b5c9d4
rgb(181,201,212)
-
#c2d2db
#c2d2db
rgb(194,210,219)
-
#cedbe3
#cedbe3
rgb(206,219,227)
-
#dae4ea
#dae4ea
rgb(218,228,234)
-
#e7edf1
#e7edf1
rgb(231,237,241)
-
#f3f6f8
#f3f6f8
rgb(243,246,248)
Tones of #3a5564
A tone is produced by adding gray to any pure hue. In this case, #4c5052 is the less saturated color, while #03659b is the most saturated one.
-
#4c5052
#4c5052
rgb(76,80,82)
-
#465258
#465258
rgb(70,82,88)
-
#40535e
#40535e
rgb(64,83,94)
-
#3a5564
#3a5564
rgb(58,85,100)
-
#34576a
#34576a
rgb(52,87,106)
-
#2e5870
#2e5870
rgb(46,88,112)
-
#285a76
#285a76
rgb(40,90,118)
-
#225c7c
#225c7c
rgb(34,92,124)
-
#1c5e82
#1c5e82
rgb(28,94,130)
-
#165f88
#165f88
rgb(22,95,136)
-
#0f618f
#0f618f
rgb(15,97,143)
-
#096395
#096395
rgb(9,99,149)
-
#03659b
#03659b
rgb(3,101,155)
Color Blindness Simulator
Below, you can see how #3a5564 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.