#3a5f78 Color Information
In a RGB color space, hex #3a5f78 is composed of 22.7% red, 37.3% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 20.8% magenta, 0% yellow and 52.9% black. It has a hue angle of 204.2 degrees, a saturation of 34.8% and a lightness of 34.9%. #3a5f78 color hex could be obtained by blending #74bef0 with #000000. Closest websafe color is: #336666.
-
- R 23
- G 37
- B 47
-
- C 52
- M 21
- Y 0
- K 53
● #3a5f78 color description : Dark moderate blue.
#3a5f78 Color Conversion
The hexadecimal color #3a5f78 has RGB values of R:58, G:95, B:120 and CMYK values of C:0.52, M:0.21, Y:0, K:0.53. Its decimal value is 3825528.
Hex triplet | 3a5f78 | #3a5f78 |
---|---|---|
RGB Decimal | 58, 95, 120 | rgb(58,95,120) |
RGB Percent | 22.7, 37.3, 47.1 | rgb(22.7%,37.3%,47.1%) |
CMYK | 52, 21, 0, 53 | |
HSL | 204.2°, 34.8, 34.9 | hsl(204.2,34.8%,34.9%) |
HSV (or HSB) | 204.2°, 51.7, 47.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 38.62, -5.638, -18.169 |
---|---|
XYZ | 9.226, 10.44, 19.297 |
xyY | 0.237, 0.268, 10.44 |
CIE-LCH | 38.62, 19.024, 252.76 |
CIE-LUV | 38.62, -16.502, -24.274 |
Hunter-Lab | 32.31, -5.571, -12.793 |
Binary | 00111010, 01011111, 01111000 |
Color Schemes with #3a5f78
Alternatives to #3a5f78
Below, you can see some colors close to #3a5f78. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5f78 Preview
This text has a font color of #3a5f78.
<span style="color:#3a5f78;">Text here</span>
This paragraph has a background color of #3a5f78.
<p style="background-color:#3a5f78;">Content here</p>
This element has a border color of #3a5f78.
<div style="border:1px solid #3a5f78;">Content here</div>
.text {color:#3a5f78;}
.background {background-color:#3a5f78;}
.border {border:1px solid #3a5f78;}
Shades and Tints of #3a5f78
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 #f3f7f9 is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#070b0e
#070b0e
rgb(7,11,14)
-
#0d161b
#0d161b
rgb(13,22,27)
-
#142029
#142029
rgb(20,32,41)
-
#1a2b36
#1a2b36
rgb(26,43,54)
-
#203543
#203543
rgb(32,53,67)
-
#274050
#274050
rgb(39,64,80)
-
#2d4a5e
#2d4a5e
rgb(45,74,94)
-
#34556b
#34556b
rgb(52,85,107)
-
#3a5f78
#3a5f78
rgb(58,95,120)
-
#406985
#406985
rgb(64,105,133)
-
#477492
#477492
rgb(71,116,146)
-
#4d7ea0
#4d7ea0
rgb(77,126,160)
-
#5489ac
#5489ac
rgb(84,137,172)
-
#6192b3
#6192b3
rgb(97,146,179)
-
#6f9bb9
#6f9bb9
rgb(111,155,185)
-
#7ca4c0
#7ca4c0
rgb(124,164,192)
-
#89adc6
#89adc6
rgb(137,173,198)
-
#96b7cc
#96b7cc
rgb(150,183,204)
-
#a3c0d3
#a3c0d3
rgb(163,192,211)
-
#b1c9d9
#b1c9d9
rgb(177,201,217)
-
#bed2e0
#bed2e0
rgb(190,210,224)
-
#cbdbe6
#cbdbe6
rgb(203,219,230)
-
#d8e4ec
#d8e4ec
rgb(216,228,236)
-
#e6edf3
#e6edf3
rgb(230,237,243)
-
#f3f7f9
#f3f7f9
rgb(243,247,249)
Tones of #3a5f78
A tone is produced by adding gray to any pure hue. In this case, #555a5d is the less saturated color, while #036aaf is the most saturated one.
-
#555a5d
#555a5d
rgb(85,90,93)
-
#4f5b63
#4f5b63
rgb(79,91,99)
-
#485c6a
#485c6a
rgb(72,92,106)
-
#415e71
#415e71
rgb(65,94,113)
-
#3a5f78
#3a5f78
rgb(58,95,120)
-
#33607f
#33607f
rgb(51,96,127)
-
#2c6286
#2c6286
rgb(44,98,134)
-
#25638d
#25638d
rgb(37,99,141)
-
#1f6493
#1f6493
rgb(31,100,147)
-
#18669a
#18669a
rgb(24,102,154)
-
#1167a1
#1167a1
rgb(17,103,161)
-
#0a68a8
#0a68a8
rgb(10,104,168)
-
#036aaf
#036aaf
rgb(3,106,175)
Color Blindness Simulator
Below, you can see how #3a5f78 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.