#3a5350 Color Information
In a RGB color space, hex #3a5350 is composed of 22.7% red, 32.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 30.1% cyan, 0% magenta, 3.6% yellow and 67.5% black. It has a hue angle of 172.8 degrees, a saturation of 17.7% and a lightness of 27.6%. #3a5350 color hex could be obtained by blending #74a6a0 with #000000. Closest websafe color is: #336666.
-
- R 23
- G 33
- B 31
-
- C 30
- M 0
- Y 4
- K 67
● #3a5350 color description : Very dark grayish cyan.
#3a5350 Color Conversion
The hexadecimal color #3a5350 has RGB values of R:58, G:83, B:80 and CMYK values of C:0.3, M:0, Y:0.04, K:0.67. Its decimal value is 3822416.
Hex triplet | 3a5350 | #3a5350 |
---|---|---|
RGB Decimal | 58, 83, 80 | rgb(58,83,80) |
RGB Percent | 22.7, 32.5, 31.4 | rgb(22.7%,32.5%,31.4%) |
CMYK | 30, 0, 4, 67 | |
HSL | 172.8°, 17.7, 27.6 | hsl(172.8,17.7%,27.6%) |
HSV (or HSB) | 172.8°, 30.1, 32.5 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 33.275, -10.195, -1.308 |
---|---|
XYZ | 6.286, 7.665, 8.737 |
xyY | 0.277, 0.338, 7.665 |
CIE-LCH | 33.275, 10.279, 187.31 |
CIE-LUV | 33.275, -11.829, -0.24 |
Hunter-Lab | 27.686, -7.923, 0.669 |
Binary | 00111010, 01010011, 01010000 |
Color Schemes with #3a5350
Alternatives to #3a5350
Below, you can see some colors close to #3a5350. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5350 Preview
This text has a font color of #3a5350.
<span style="color:#3a5350;">Text here</span>
This paragraph has a background color of #3a5350.
<p style="background-color:#3a5350;">Content here</p>
This element has a border color of #3a5350.
<div style="border:1px solid #3a5350;">Content here</div>
.text {color:#3a5350;}
.background {background-color:#3a5350;}
.border {border:1px solid #3a5350;}
Shades and Tints of #3a5350
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, #020202 is the darkest color, while #f6f8f8 is the lightest one.
-
#020202
#020202
rgb(2,2,2)
-
#0a0e0d
#0a0e0d
rgb(10,14,13)
-
#121918
#121918
rgb(18,25,24)
-
#1a2523
#1a2523
rgb(26,37,35)
-
#22302f
#22302f
rgb(34,48,47)
-
#2a3c3a
#2a3c3a
rgb(42,60,58)
-
#324745
#324745
rgb(50,71,69)
-
#3a5350
#3a5350
rgb(58,83,80)
-
#425f5b
#425f5b
rgb(66,95,91)
-
#4a6a66
#4a6a66
rgb(74,106,102)
-
#527671
#527671
rgb(82,118,113)
-
#5a817d
#5a817d
rgb(90,129,125)
-
#628d88
#628d88
rgb(98,141,136)
-
#6b9892
#6b9892
rgb(107,152,146)
-
#77a09b
#77a09b
rgb(119,160,155)
-
#82a8a3
#82a8a3
rgb(130,168,163)
-
#8eb0ac
#8eb0ac
rgb(142,176,172)
-
#99b8b4
#99b8b4
rgb(153,184,180)
-
#a5c0bd
#a5c0bd
rgb(165,192,189)
-
#b0c8c5
#b0c8c5
rgb(176,200,197)
-
#bcd0ce
#bcd0ce
rgb(188,208,206)
-
#c7d8d6
#c7d8d6
rgb(199,216,214)
-
#d3e0df
#d3e0df
rgb(211,224,223)
-
#dfe8e7
#dfe8e7
rgb(223,232,231)
-
#eaf0f0
#eaf0f0
rgb(234,240,240)
-
#f6f8f8
#f6f8f8
rgb(246,248,248)
Tones of #3a5350
A tone is produced by adding gray to any pure hue. In this case, #454848 is the less saturated color, while #048979 is the most saturated one.
-
#454848
#454848
rgb(69,72,72)
-
#3f4e4c
#3f4e4c
rgb(63,78,76)
-
#3a5350
#3a5350
rgb(58,83,80)
-
#355854
#355854
rgb(53,88,84)
-
#2f5e58
#2f5e58
rgb(47,94,88)
-
#2a635c
#2a635c
rgb(42,99,92)
-
#246960
#246960
rgb(36,105,96)
-
#1f6e65
#1f6e65
rgb(31,110,101)
-
#197469
#197469
rgb(25,116,105)
-
#14796d
#14796d
rgb(20,121,109)
-
#0f7e71
#0f7e71
rgb(15,126,113)
-
#098475
#098475
rgb(9,132,117)
-
#048979
#048979
rgb(4,137,121)
Color Blindness Simulator
Below, you can see how #3a5350 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.