#3a5348 Color Information
In a RGB color space, hex #3a5348 is composed of 22.7% red, 32.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 30.1% cyan, 0% magenta, 13.3% yellow and 67.5% black. It has a hue angle of 153.6 degrees, a saturation of 17.7% and a lightness of 27.6%. #3a5348 color hex could be obtained by blending #74a690 with #000000. Closest websafe color is: #336633.
-
- R 23
- G 33
- B 28
-
- C 30
- M 0
- Y 13
- K 67
● #3a5348 color description : Very dark grayish cyan - lime green.
#3a5348 Color Conversion
The hexadecimal color #3a5348 has RGB values of R:58, G:83, B:72 and CMYK values of C:0.3, M:0, Y:0.13, K:0.67. Its decimal value is 3822408.
Hex triplet | 3a5348 | #3a5348 |
---|---|---|
RGB Decimal | 58, 83, 72 | rgb(58,83,72) |
RGB Percent | 22.7, 32.5, 28.2 | rgb(22.7%,32.5%,28.2%) |
CMYK | 30, 0, 13, 67 | |
HSL | 153.6°, 17.7, 27.6 | hsl(153.6,17.7%,27.6%) |
HSV (or HSB) | 153.6°, 30.1, 32.5 | |
Web Safe | 336633 | #336633 |
CIE-LAB | 33.036, -12.191, 3.399 |
---|---|
XYZ | 6.008, 7.554, 7.272 |
xyY | 0.288, 0.363, 7.554 |
CIE-LCH | 33.036, 12.656, 164.42 |
CIE-LUV | 33.036, -11.84, 5.744 |
Hunter-Lab | 27.484, -9.08, 3.551 |
Binary | 00111010, 01010011, 01001000 |
Color Schemes with #3a5348
Alternatives to #3a5348
Below, you can see some colors close to #3a5348. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5348 Preview
This text has a font color of #3a5348.
<span style="color:#3a5348;">Text here</span>
This paragraph has a background color of #3a5348.
<p style="background-color:#3a5348;">Content here</p>
This element has a border color of #3a5348.
<div style="border:1px solid #3a5348;">Content here</div>
.text {color:#3a5348;}
.background {background-color:#3a5348;}
.border {border:1px solid #3a5348;}
Shades and Tints of #3a5348
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 #f6f8f7 is the lightest one.
-
#020202
#020202
rgb(2,2,2)
-
#0a0e0c
#0a0e0c
rgb(10,14,12)
-
#121916
#121916
rgb(18,25,22)
-
#1a2520
#1a2520
rgb(26,37,32)
-
#22302a
#22302a
rgb(34,48,42)
-
#2a3c34
#2a3c34
rgb(42,60,52)
-
#32473e
#32473e
rgb(50,71,62)
-
#3a5348
#3a5348
rgb(58,83,72)
-
#425f52
#425f52
rgb(66,95,82)
-
#4a6a5c
#4a6a5c
rgb(74,106,92)
-
#527666
#527666
rgb(82,118,102)
-
#5a8170
#5a8170
rgb(90,129,112)
-
#628d7a
#628d7a
rgb(98,141,122)
-
#6b9884
#6b9884
rgb(107,152,132)
-
#77a08e
#77a08e
rgb(119,160,142)
-
#82a897
#82a897
rgb(130,168,151)
-
#8eb0a1
#8eb0a1
rgb(142,176,161)
-
#99b8aa
#99b8aa
rgb(153,184,170)
-
#a5c0b4
#a5c0b4
rgb(165,192,180)
-
#b0c8be
#b0c8be
rgb(176,200,190)
-
#bcd0c7
#bcd0c7
rgb(188,208,199)
-
#c7d8d1
#c7d8d1
rgb(199,216,209)
-
#d3e0da
#d3e0da
rgb(211,224,218)
-
#dfe8e4
#dfe8e4
rgb(223,232,228)
-
#eaf0ee
#eaf0ee
rgb(234,240,238)
-
#f6f8f7
#f6f8f7
rgb(246,248,247)
Tones of #3a5348
A tone is produced by adding gray to any pure hue. In this case, #454847 is the less saturated color, while #04894f is the most saturated one.
-
#454847
#454847
rgb(69,72,71)
-
#3f4e47
#3f4e47
rgb(63,78,71)
-
#3a5348
#3a5348
rgb(58,83,72)
-
#355849
#355849
rgb(53,88,73)
-
#2f5e49
#2f5e49
rgb(47,94,73)
-
#2a634a
#2a634a
rgb(42,99,74)
-
#24694b
#24694b
rgb(36,105,75)
-
#1f6e4b
#1f6e4b
rgb(31,110,75)
-
#19744c
#19744c
rgb(25,116,76)
-
#14794d
#14794d
rgb(20,121,77)
-
#0f7e4d
#0f7e4d
rgb(15,126,77)
-
#09844e
#09844e
rgb(9,132,78)
-
#04894f
#04894f
rgb(4,137,79)
Color Blindness Simulator
Below, you can see how #3a5348 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.