#3a5552 Color Information
In a RGB color space, hex #3a5552 is composed of 22.7% red, 33.3% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 31.8% cyan, 0% magenta, 3.5% yellow and 66.7% black. It has a hue angle of 173.3 degrees, a saturation of 18.9% and a lightness of 28%. #3a5552 color hex could be obtained by blending #74aaa4 with #000000. Closest websafe color is: #336666.
-
- R 23
- G 33
- B 32
-
- C 32
- M 0
- Y 4
- K 67
● #3a5552 color description : Very dark grayish cyan.
#3a5552 Color Conversion
The hexadecimal color #3a5552 has RGB values of R:58, G:85, B:82 and CMYK values of C:0.32, M:0, Y:0.04, K:0.67. Its decimal value is 3822930.
Hex triplet | 3a5552 | #3a5552 |
---|---|---|
RGB Decimal | 58, 85, 82 | rgb(58,85,82) |
RGB Percent | 22.7, 33.3, 32.2 | rgb(22.7%,33.3%,32.2%) |
CMYK | 32, 0, 4, 67 | |
HSL | 173.3°, 18.9, 28 | hsl(173.3,18.9%,28%) |
HSV (or HSB) | 173.3°, 31.8, 33.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 33.994, -10.855, -1.514 |
---|---|
XYZ | 6.516, 8.005, 9.184 |
xyY | 0.275, 0.338, 8.005 |
CIE-LCH | 33.994, 10.96, 187.94 |
CIE-LUV | 33.994, -12.709, -0.415 |
Hunter-Lab | 28.294, -8.406, 0.561 |
Binary | 00111010, 01010101, 01010010 |
Color Schemes with #3a5552
Alternatives to #3a5552
Below, you can see some colors close to #3a5552. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5552 Preview
This text has a font color of #3a5552.
<span style="color:#3a5552;">Text here</span>
This paragraph has a background color of #3a5552.
<p style="background-color:#3a5552;">Content here</p>
This element has a border color of #3a5552.
<div style="border:1px solid #3a5552;">Content here</div>
.text {color:#3a5552;}
.background {background-color:#3a5552;}
.border {border:1px solid #3a5552;}
Shades and Tints of #3a5552
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, #020303 is the darkest color, while #f7f9f9 is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#0a0f0f
#0a0f0f
rgb(10,15,15)
-
#121b1a
#121b1a
rgb(18,27,26)
-
#1a2625
#1a2625
rgb(26,38,37)
-
#223230
#223230
rgb(34,50,48)
-
#2a3e3c
#2a3e3c
rgb(42,62,60)
-
#324947
#324947
rgb(50,73,71)
-
#3a5552
#3a5552
rgb(58,85,82)
-
#42615d
#42615d
rgb(66,97,93)
-
#4a6c68
#4a6c68
rgb(74,108,104)
-
#527874
#527874
rgb(82,120,116)
-
#5a847f
#5a847f
rgb(90,132,127)
-
#628f8a
#628f8a
rgb(98,143,138)
-
#6b9a95
#6b9a95
rgb(107,154,149)
-
#76a29d
#76a29d
rgb(118,162,157)
-
#82aaa5
#82aaa5
rgb(130,170,165)
-
#8eb2ae
#8eb2ae
rgb(142,178,174)
-
#99bab6
#99bab6
rgb(153,186,182)
-
#a5c2be
#a5c2be
rgb(165,194,190)
-
#b1cac7
#b1cac7
rgb(177,202,199)
-
#bcd2cf
#bcd2cf
rgb(188,210,207)
-
#c8dad8
#c8dad8
rgb(200,218,216)
-
#d4e1e0
#d4e1e0
rgb(212,225,224)
-
#dfe9e8
#dfe9e8
rgb(223,233,232)
-
#ebf1f1
#ebf1f1
rgb(235,241,241)
-
#f7f9f9
#f7f9f9
rgb(247,249,249)
Tones of #3a5552
A tone is produced by adding gray to any pure hue. In this case, #454a49 is the less saturated color, while #038c7d is the most saturated one.
-
#454a49
#454a49
rgb(69,74,73)
-
#40504e
#40504e
rgb(64,80,78)
-
#3a5552
#3a5552
rgb(58,85,82)
-
#355b56
#355b56
rgb(53,91,86)
-
#2f605b
#2f605b
rgb(47,96,91)
-
#2a665f
#2a665f
rgb(42,102,95)
-
#246b63
#246b63
rgb(36,107,99)
-
#1f7167
#1f7167
rgb(31,113,103)
-
#19766c
#19766c
rgb(25,118,108)
-
#147c70
#147c70
rgb(20,124,112)
-
#0e8174
#0e8174
rgb(14,129,116)
-
#098779
#098779
rgb(9,135,121)
-
#038c7d
#038c7d
rgb(3,140,125)
Color Blindness Simulator
Below, you can see how #3a5552 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.