#3a5660 Color Information
In a RGB color space, hex #3a5660 is composed of 22.7% red, 33.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 39.6% cyan, 10.4% magenta, 0% yellow and 62.4% black. It has a hue angle of 195.8 degrees, a saturation of 24.7% and a lightness of 30.2%. #3a5660 color hex could be obtained by blending #74acc0 with #000000. Closest websafe color is: #336666.
-
- R 23
- G 34
- B 38
-
- C 40
- M 10
- Y 0
- K 62
● #3a5660 color description : Very dark desaturated blue.
#3a5660 Color Conversion
The hexadecimal color #3a5660 has RGB values of R:58, G:86, B:96 and CMYK values of C:0.4, M:0.1, Y:0, K:0.62. Its decimal value is 3823200.
Hex triplet | 3a5660 | #3a5660 |
---|---|---|
RGB Decimal | 58, 86, 96 | rgb(58,86,96) |
RGB Percent | 22.7, 33.7, 37.6 | rgb(22.7%,33.7%,37.6%) |
CMYK | 40, 10, 0, 62 | |
HSL | 195.8°, 24.7, 30.2 | hsl(195.8,24.7%,30.2%) |
HSV (or HSB) | 195.8°, 39.6, 37.6 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.801, -7.571, -9.116 |
---|---|
XYZ | 7.184, 8.399, 12.308 |
xyY | 0.258, 0.301, 8.399 |
CIE-LCH | 34.801, 11.85, 230.289 |
CIE-LUV | 34.801, -13.081, -10.824 |
Hunter-Lab | 28.982, -6.474, -4.893 |
Binary | 00111010, 01010110, 01100000 |
Color Schemes with #3a5660
Alternatives to #3a5660
Below, you can see some colors close to #3a5660. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5660 Preview
This text has a font color of #3a5660.
<span style="color:#3a5660;">Text here</span>
This paragraph has a background color of #3a5660.
<p style="background-color:#3a5660;">Content here</p>
This element has a border color of #3a5660.
<div style="border:1px solid #3a5660;">Content here</div>
.text {color:#3a5660;}
.background {background-color:#3a5660;}
.border {border:1px solid #3a5660;}
Shades and Tints of #3a5660
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, #06090a is the darkest color, while #fdfefe is the lightest one.
-
#06090a
#06090a
rgb(6,9,10)
-
#0e1417
#0e1417
rgb(14,20,23)
-
#151f23
#151f23
rgb(21,31,35)
-
#1c2a2f
#1c2a2f
rgb(28,42,47)
-
#24353b
#24353b
rgb(36,53,59)
-
#2b4048
#2b4048
rgb(43,64,72)
-
#334b54
#334b54
rgb(51,75,84)
-
#3a5660
#3a5660
rgb(58,86,96)
-
#41616c
#41616c
rgb(65,97,108)
-
#496c78
#496c78
rgb(73,108,120)
-
#507785
#507785
rgb(80,119,133)
-
#588291
#588291
rgb(88,130,145)
-
#5f8d9d
#5f8d9d
rgb(95,141,157)
-
#6a96a5
#6a96a5
rgb(106,150,165)
-
#779ead
#779ead
rgb(119,158,173)
-
#83a7b4
#83a7b4
rgb(131,167,180)
-
#8fb0bb
#8fb0bb
rgb(143,176,187)
-
#9bb8c3
#9bb8c3
rgb(155,184,195)
-
#a8c1ca
#a8c1ca
rgb(168,193,202)
-
#b4cad2
#b4cad2
rgb(180,202,210)
-
#c0d2d9
#c0d2d9
rgb(192,210,217)
-
#ccdbe0
#ccdbe0
rgb(204,219,224)
-
#d8e4e8
#d8e4e8
rgb(216,228,232)
-
#e5ecef
#e5ecef
rgb(229,236,239)
-
#f1f5f7
#f1f5f7
rgb(241,245,247)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #3a5660
A tone is produced by adding gray to any pure hue. In this case, #4c4e4e is the less saturated color, while #056f95 is the most saturated one.
-
#4c4e4e
#4c4e4e
rgb(76,78,78)
-
#465054
#465054
rgb(70,80,84)
-
#40535a
#40535a
rgb(64,83,90)
-
#3a5660
#3a5660
rgb(58,86,96)
-
#345966
#345966
rgb(52,89,102)
-
#2e5c6c
#2e5c6c
rgb(46,92,108)
-
#285e72
#285e72
rgb(40,94,114)
-
#226178
#226178
rgb(34,97,120)
-
#1c647e
#1c647e
rgb(28,100,126)
-
#166784
#166784
rgb(22,103,132)
-
#116a89
#116a89
rgb(17,106,137)
-
#0b6c8f
#0b6c8f
rgb(11,108,143)
-
#056f95
#056f95
rgb(5,111,149)
Color Blindness Simulator
Below, you can see how #3a5660 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.