#3a5472 Color Information
In a RGB color space, hex #3a5472 is composed of 22.7% red, 32.9% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 49.1% cyan, 26.3% magenta, 0% yellow and 55.3% black. It has a hue angle of 212.1 degrees, a saturation of 32.6% and a lightness of 33.7%. #3a5472 color hex could be obtained by blending #74a8e4 with #000000. Closest websafe color is: #336666.
-
- R 23
- G 33
- B 45
-
- C 49
- M 26
- Y 0
- K 55
● #3a5472 color description : Very dark desaturated blue.
#3a5472 Color Conversion
The hexadecimal color #3a5472 has RGB values of R:58, G:84, B:114 and CMYK values of C:0.49, M:0.26, Y:0, K:0.55. Its decimal value is 3822706.
Hex triplet | 3a5472 | #3a5472 |
---|---|---|
RGB Decimal | 58, 84, 114 | rgb(58,84,114) |
RGB Percent | 22.7, 32.9, 44.7 | rgb(22.7%,32.9%,44.7%) |
CMYK | 49, 26, 0, 55 | |
HSL | 212.1°, 32.6, 33.7 | hsl(212.1,32.6%,33.7%) |
HSV (or HSB) | 212.1°, 49.1, 44.7 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.912, -0.769, -20.191 |
---|---|
XYZ | 7.952, 8.455, 17.132 |
xyY | 0.237, 0.252, 8.455 |
CIE-LCH | 34.912, 20.206, 267.82 |
CIE-LUV | 34.912, -12.248, -27.052 |
Hunter-Lab | 29.077, -2.07, -14.579 |
Binary | 00111010, 01010100, 01110010 |
Color Schemes with #3a5472
Alternatives to #3a5472
Below, you can see some colors close to #3a5472. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5472 Preview
This text has a font color of #3a5472.
<span style="color:#3a5472;">Text here</span>
This paragraph has a background color of #3a5472.
<p style="background-color:#3a5472;">Content here</p>
This element has a border color of #3a5472.
<div style="border:1px solid #3a5472;">Content here</div>
.text {color:#3a5472;}
.background {background-color:#3a5472;}
.border {border:1px solid #3a5472;}
Shades and Tints of #3a5472
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, #05070a is the darkest color, while #fcfdfd is the lightest one.
-
#05070a
#05070a
rgb(5,7,10)
-
#0c1117
#0c1117
rgb(12,17,23)
-
#121b24
#121b24
rgb(18,27,36)
-
#192431
#192431
rgb(25,36,49)
-
#202e3e
#202e3e
rgb(32,46,62)
-
#26374b
#26374b
rgb(38,55,75)
-
#2d4158
#2d4158
rgb(45,65,88)
-
#334a65
#334a65
rgb(51,74,101)
-
#3a5472
#3a5472
rgb(58,84,114)
-
#415e7f
#415e7f
rgb(65,94,127)
-
#47678c
#47678c
rgb(71,103,140)
-
#4e7199
#4e7199
rgb(78,113,153)
-
#547aa6
#547aa6
rgb(84,122,166)
-
#6084ae
#6084ae
rgb(96,132,174)
-
#6d8eb5
#6d8eb5
rgb(109,142,181)
-
#7a98bb
#7a98bb
rgb(122,152,187)
-
#87a2c2
#87a2c2
rgb(135,162,194)
-
#94acc9
#94acc9
rgb(148,172,201)
-
#a1b6cf
#a1b6cf
rgb(161,182,207)
-
#aec0d6
#aec0d6
rgb(174,192,214)
-
#bbcadc
#bbcadc
rgb(187,202,220)
-
#c8d5e3
#c8d5e3
rgb(200,213,227)
-
#d5dfea
#d5dfea
rgb(213,223,234)
-
#e2e9f0
#e2e9f0
rgb(226,233,240)
-
#eff3f7
#eff3f7
rgb(239,243,247)
-
#fcfdfd
#fcfdfd
rgb(252,253,253)
Tones of #3a5472
A tone is produced by adding gray to any pure hue. In this case, #545658 is the less saturated color, while #0550a7 is the most saturated one.
-
#545658
#545658
rgb(84,86,88)
-
#4e555e
#4e555e
rgb(78,85,94)
-
#475565
#475565
rgb(71,85,101)
-
#41546b
#41546b
rgb(65,84,107)
-
#3a5472
#3a5472
rgb(58,84,114)
-
#335479
#335479
rgb(51,84,121)
-
#2d537f
#2d537f
rgb(45,83,127)
-
#265386
#265386
rgb(38,83,134)
-
#20528c
#20528c
rgb(32,82,140)
-
#195293
#195293
rgb(25,82,147)
-
#12519a
#12519a
rgb(18,81,154)
-
#0c51a0
#0c51a0
rgb(12,81,160)
-
#0550a7
#0550a7
rgb(5,80,167)
Color Blindness Simulator
Below, you can see how #3a5472 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.