#3a5a6c Color Information
In a RGB color space, hex #3a5a6c is composed of 22.7% red, 35.3% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 16.7% magenta, 0% yellow and 57.6% black. It has a hue angle of 201.6 degrees, a saturation of 30.1% and a lightness of 32.5%. #3a5a6c color hex could be obtained by blending #74b4d8 with #000000. Closest websafe color is: #336666.
-
- R 23
- G 35
- B 42
-
- C 46
- M 17
- Y 0
- K 58
● #3a5a6c color description : Very dark desaturated blue.
#3a5a6c Color Conversion
The hexadecimal color #3a5a6c has RGB values of R:58, G:90, B:108 and CMYK values of C:0.46, M:0.17, Y:0, K:0.58. Its decimal value is 3824236.
Hex triplet | 3a5a6c | #3a5a6c |
---|---|---|
RGB Decimal | 58, 90, 108 | rgb(58,90,108) |
RGB Percent | 22.7, 35.3, 42.4 | rgb(22.7%,35.3%,42.4%) |
CMYK | 46, 17, 0, 58 | |
HSL | 201.6°, 30.1, 32.5 | hsl(201.6,30.1%,32.5%) |
HSV (or HSB) | 201.6°, 46.3, 42.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 36.545, -6.388, -13.954 |
---|---|
XYZ | 8.107, 9.294, 15.553 |
xyY | 0.246, 0.282, 9.294 |
CIE-LCH | 36.545, 15.347, 245.401 |
CIE-LUV | 36.545, -14.649, -17.845 |
Hunter-Lab | 30.486, -5.883, -8.908 |
Binary | 00111010, 01011010, 01101100 |
Color Schemes with #3a5a6c
Alternatives to #3a5a6c
Below, you can see some colors close to #3a5a6c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5a6c Preview
This text has a font color of #3a5a6c.
<span style="color:#3a5a6c;">Text here</span>
This paragraph has a background color of #3a5a6c.
<p style="background-color:#3a5a6c;">Content here</p>
This element has a border color of #3a5a6c.
<div style="border:1px solid #3a5a6c;">Content here</div>
.text {color:#3a5a6c;}
.background {background-color:#3a5a6c;}
.border {border:1px solid #3a5a6c;}
Shades and Tints of #3a5a6c
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, #030506 is the darkest color, while #f8fafb is the lightest one.
-
#030506
#030506
rgb(3,5,6)
-
#0a1013
#0a1013
rgb(10,16,19)
-
#111a1f
#111a1f
rgb(17,26,31)
-
#18252c
#18252c
rgb(24,37,44)
-
#1f2f39
#1f2f39
rgb(31,47,57)
-
#253a46
#253a46
rgb(37,58,70)
-
#2c4552
#2c4552
rgb(44,69,82)
-
#334f5f
#334f5f
rgb(51,79,95)
-
#3a5a6c
#3a5a6c
rgb(58,90,108)
-
#416579
#416579
rgb(65,101,121)
-
#486f86
#486f86
rgb(72,111,134)
-
#4f7a92
#4f7a92
rgb(79,122,146)
-
#55859f
#55859f
rgb(85,133,159)
-
#5f8ea9
#5f8ea9
rgb(95,142,169)
-
#6c97b0
#6c97b0
rgb(108,151,176)
-
#79a0b7
#79a0b7
rgb(121,160,183)
-
#85a9be
#85a9be
rgb(133,169,190)
-
#92b2c4
#92b2c4
rgb(146,178,196)
-
#9fbbcb
#9fbbcb
rgb(159,187,203)
-
#acc4d2
#acc4d2
rgb(172,196,210)
-
#b8cdd9
#b8cdd9
rgb(184,205,217)
-
#c5d6e0
#c5d6e0
rgb(197,214,224)
-
#d2dfe7
#d2dfe7
rgb(210,223,231)
-
#dfe8ee
#dfe8ee
rgb(223,232,238)
-
#ebf1f4
#ebf1f4
rgb(235,241,244)
-
#f8fafb
#f8fafb
rgb(248,250,251)
Tones of #3a5a6c
A tone is produced by adding gray to any pure hue. In this case, #4d5559 is the less saturated color, while #016aa5 is the most saturated one.
-
#4d5559
#4d5559
rgb(77,85,89)
-
#47565f
#47565f
rgb(71,86,95)
-
#405866
#405866
rgb(64,88,102)
-
#3a5a6c
#3a5a6c
rgb(58,90,108)
-
#345c72
#345c72
rgb(52,92,114)
-
#2d5e79
#2d5e79
rgb(45,94,121)
-
#275f7f
#275f7f
rgb(39,95,127)
-
#206186
#206186
rgb(32,97,134)
-
#1a638c
#1a638c
rgb(26,99,140)
-
#146592
#146592
rgb(20,101,146)
-
#0d6799
#0d6799
rgb(13,103,153)
-
#07689f
#07689f
rgb(7,104,159)
-
#016aa5
#016aa5
rgb(1,106,165)
Color Blindness Simulator
Below, you can see how #3a5a6c 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.