#3a554f Color Information
In a RGB color space, hex #3a554f is composed of 22.7% red, 33.3% green and 31% blue. Whereas in a CMYK color space, it is composed of 31.8% cyan, 0% magenta, 7.1% yellow and 66.7% black. It has a hue angle of 166.7 degrees, a saturation of 18.9% and a lightness of 28%. #3a554f color hex could be obtained by blending #74aa9e with #000000. Closest websafe color is: #336666.
-
- R 23
- G 33
- B 31
-
- C 32
- M 0
- Y 7
- K 67
● #3a554f color description : Very dark grayish cyan.
#3a554f Color Conversion
The hexadecimal color #3a554f has RGB values of R:58, G:85, B:79 and CMYK values of C:0.32, M:0, Y:0.07, K:0.67. Its decimal value is 3822927.
Hex triplet | 3a554f | #3a554f |
---|---|---|
RGB Decimal | 58, 85, 79 | rgb(58,85,79) |
RGB Percent | 22.7, 33.3, 31 | rgb(22.7%,33.3%,31%) |
CMYK | 32, 0, 7, 67 | |
HSL | 166.7°, 18.9, 28 | hsl(166.7,18.9%,28%) |
HSV (or HSB) | 166.7°, 31.8, 33.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 33.901, -11.63, 0.239 |
---|---|
XYZ | 6.404, 7.961, 8.596 |
xyY | 0.279, 0.347, 7.961 |
CIE-LCH | 33.901, 11.632, 178.821 |
CIE-LUV | 33.901, -12.721, 1.877 |
Hunter-Lab | 28.215, -8.859, 1.687 |
Binary | 00111010, 01010101, 01001111 |
Color Schemes with #3a554f
Alternatives to #3a554f
Below, you can see some colors close to #3a554f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a554f Preview
This text has a font color of #3a554f.
<span style="color:#3a554f;">Text here</span>
This paragraph has a background color of #3a554f.
<p style="background-color:#3a554f;">Content here</p>
This element has a border color of #3a554f.
<div style="border:1px solid #3a554f;">Content here</div>
.text {color:#3a554f;}
.background {background-color:#3a554f;}
.border {border:1px solid #3a554f;}
Shades and Tints of #3a554f
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)
-
#0a0f0e
#0a0f0e
rgb(10,15,14)
-
#121b19
#121b19
rgb(18,27,25)
-
#1a2624
#1a2624
rgb(26,38,36)
-
#22322e
#22322e
rgb(34,50,46)
-
#2a3e39
#2a3e39
rgb(42,62,57)
-
#324944
#324944
rgb(50,73,68)
-
#3a554f
#3a554f
rgb(58,85,79)
-
#42615a
#42615a
rgb(66,97,90)
-
#4a6c65
#4a6c65
rgb(74,108,101)
-
#527870
#527870
rgb(82,120,112)
-
#5a847a
#5a847a
rgb(90,132,122)
-
#628f85
#628f85
rgb(98,143,133)
-
#6b9a8f
#6b9a8f
rgb(107,154,143)
-
#76a298
#76a298
rgb(118,162,152)
-
#82aaa1
#82aaa1
rgb(130,170,161)
-
#8eb2aa
#8eb2aa
rgb(142,178,170)
-
#99bab3
#99bab3
rgb(153,186,179)
-
#a5c2bb
#a5c2bb
rgb(165,194,187)
-
#b1cac4
#b1cac4
rgb(177,202,196)
-
#bcd2cd
#bcd2cd
rgb(188,210,205)
-
#c8dad6
#c8dad6
rgb(200,218,214)
-
#d4e1de
#d4e1de
rgb(212,225,222)
-
#dfe9e7
#dfe9e7
rgb(223,233,231)
-
#ebf1f0
#ebf1f0
rgb(235,241,240)
-
#f7f9f9
#f7f9f9
rgb(247,249,249)
Tones of #3a554f
A tone is produced by adding gray to any pure hue. In this case, #454a49 is the less saturated color, while #038c6e is the most saturated one.
-
#454a49
#454a49
rgb(69,74,73)
-
#40504c
#40504c
rgb(64,80,76)
-
#3a554f
#3a554f
rgb(58,85,79)
-
#355b52
#355b52
rgb(53,91,82)
-
#2f6055
#2f6055
rgb(47,96,85)
-
#2a6658
#2a6658
rgb(42,102,88)
-
#246b5b
#246b5b
rgb(36,107,91)
-
#1f715e
#1f715e
rgb(31,113,94)
-
#197661
#197661
rgb(25,118,97)
-
#147c64
#147c64
rgb(20,124,100)
-
#0e8167
#0e8167
rgb(14,129,103)
-
#09876b
#09876b
rgb(9,135,107)
-
#038c6e
#038c6e
rgb(3,140,110)
Color Blindness Simulator
Below, you can see how #3a554f 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.