#3f5553 Color Information
In a RGB color space, hex #3f5553 is composed of 24.7% red, 33.3% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 0% magenta, 2.4% yellow and 66.7% black. It has a hue angle of 174.5 degrees, a saturation of 14.9% and a lightness of 29%. #3f5553 color hex could be obtained by blending #7eaaa6 with #000000. Closest websafe color is: #336666.
-
- R 25
- G 33
- B 33
-
- C 26
- M 0
- Y 2
- K 67
● #3f5553 color description : Very dark grayish cyan.
#3f5553 Color Conversion
The hexadecimal color #3f5553 has RGB values of R:63, G:85, B:83 and CMYK values of C:0.26, M:0, Y:0.02, K:0.67. Its decimal value is 4150611.
Hex triplet | 3f5553 | #3f5553 |
---|---|---|
RGB Decimal | 63, 85, 83 | rgb(63,85,83) |
RGB Percent | 24.7, 33.3, 32.5 | rgb(24.7%,33.3%,32.5%) |
CMYK | 26, 0, 2, 67 | |
HSL | 174.5°, 14.9, 29 | hsl(174.5,14.9%,29%) |
HSV (or HSB) | 174.5°, 25.9, 33.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.351, -8.86, -1.582 |
---|---|
XYZ | 6.859, 8.178, 9.4 |
xyY | 0.281, 0.335, 8.178 |
CIE-LCH | 34.351, 9, 190.123 |
CIE-LUV | 34.351, -10.668, -0.76 |
Hunter-Lab | 28.597, -7.23, 0.529 |
Binary | 00111111, 01010101, 01010011 |
Color Schemes with #3f5553
Alternatives to #3f5553
Below, you can see some colors close to #3f5553. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5553 Preview
This text has a font color of #3f5553.
<span style="color:#3f5553;">Text here</span>
This paragraph has a background color of #3f5553.
<p style="background-color:#3f5553;">Content here</p>
This element has a border color of #3f5553.
<div style="border:1px solid #3f5553;">Content here</div>
.text {color:#3f5553;}
.background {background-color:#3f5553;}
.border {border:1px solid #3f5553;}
Shades and Tints of #3f5553
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, #050606 is the darkest color, while #fafbfb is the lightest one.
-
#050606
#050606
rgb(5,6,6)
-
#0d1111
#0d1111
rgb(13,17,17)
-
#151d1c
#151d1c
rgb(21,29,28)
-
#1e2827
#1e2827
rgb(30,40,39)
-
#263332
#263332
rgb(38,51,50)
-
#2e3e3d
#2e3e3d
rgb(46,62,61)
-
#374a48
#374a48
rgb(55,74,72)
-
#3f5553
#3f5553
rgb(63,85,83)
-
#47605e
#47605e
rgb(71,96,94)
-
#506c69
#506c69
rgb(80,108,105)
-
#587774
#587774
rgb(88,119,116)
-
#60827f
#60827f
rgb(96,130,127)
-
#698d8a
#698d8a
rgb(105,141,138)
-
#739794
#739794
rgb(115,151,148)
-
#7e9f9c
#7e9f9c
rgb(126,159,156)
-
#89a8a5
#89a8a5
rgb(137,168,165)
-
#94b0ae
#94b0ae
rgb(148,176,174)
-
#a0b8b6
#a0b8b6
rgb(160,184,182)
-
#abc1bf
#abc1bf
rgb(171,193,191)
-
#b6c9c7
#b6c9c7
rgb(182,201,199)
-
#c2d1d0
#c2d1d0
rgb(194,209,208)
-
#cddad9
#cddad9
rgb(205,218,217)
-
#d8e2e1
#d8e2e1
rgb(216,226,225)
-
#e3ebea
#e3ebea
rgb(227,235,234)
-
#eff3f2
#eff3f2
rgb(239,243,242)
-
#fafbfb
#fafbfb
rgb(250,251,251)
Tones of #3f5553
A tone is produced by adding gray to any pure hue. In this case, #454f4e is the less saturated color, while #009486 is the most saturated one.
-
#454f4e
#454f4e
rgb(69,79,78)
-
#3f5553
#3f5553
rgb(63,85,83)
-
#395b58
#395b58
rgb(57,91,88)
-
#34605c
#34605c
rgb(52,96,92)
-
#2e6661
#2e6661
rgb(46,102,97)
-
#286c66
#286c66
rgb(40,108,102)
-
#23716a
#23716a
rgb(35,113,106)
-
#1d776f
#1d776f
rgb(29,119,111)
-
#177d74
#177d74
rgb(23,125,116)
-
#118378
#118378
rgb(17,131,120)
-
#0c887d
#0c887d
rgb(12,136,125)
-
#068e82
#068e82
rgb(6,142,130)
-
#009486
#009486
rgb(0,148,134)
Color Blindness Simulator
Below, you can see how #3f5553 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.