#3f555f Color Information
In a RGB color space, hex #3f555f is composed of 24.7% red, 33.3% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 33.7% cyan, 10.5% magenta, 0% yellow and 62.7% black. It has a hue angle of 198.8 degrees, a saturation of 20.3% and a lightness of 31%. #3f555f color hex could be obtained by blending #7eaabe with #000000. Closest websafe color is: #336666.
-
- R 25
- G 33
- B 37
-
- C 34
- M 11
- Y 0
- K 63
● #3f555f color description : Very dark grayish blue.
#3f555f Color Conversion
The hexadecimal color #3f555f has RGB values of R:63, G:85, B:95 and CMYK values of C:0.34, M:0.11, Y:0, K:0.63. Its decimal value is 4150623.
Hex triplet | 3f555f | #3f555f |
---|---|---|
RGB Decimal | 63, 85, 95 | rgb(63,85,95) |
RGB Percent | 24.7, 33.3, 37.3 | rgb(24.7%,33.3%,37.3%) |
CMYK | 34, 11, 0, 63 | |
HSL | 198.8°, 20.3, 31 | hsl(198.8,20.3%,31%) |
HSV (or HSB) | 198.8°, 33.7, 37.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 34.761, -5.65, -8.517 |
---|---|
XYZ | 7.363, 8.38, 12.055 |
xyY | 0.265, 0.301, 8.38 |
CIE-LCH | 34.761, 10.22, 236.44 |
CIE-LUV | 34.761, -10.75, -10.246 |
Hunter-Lab | 28.948, -5.253, -4.428 |
Binary | 00111111, 01010101, 01011111 |
Color Schemes with #3f555f
Alternatives to #3f555f
Below, you can see some colors close to #3f555f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f555f Preview
This text has a font color of #3f555f.
<span style="color:#3f555f;">Text here</span>
This paragraph has a background color of #3f555f.
<p style="background-color:#3f555f;">Content here</p>
This element has a border color of #3f555f.
<div style="border:1px solid #3f555f;">Content here</div>
.text {color:#3f555f;}
.background {background-color:#3f555f;}
.border {border:1px solid #3f555f;}
Shades and Tints of #3f555f
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, #000101 is the darkest color, while #f4f6f8 is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#080b0c
#080b0c
rgb(8,11,12)
-
#101618
#101618
rgb(16,22,24)
-
#182024
#182024
rgb(24,32,36)
-
#202b30
#202b30
rgb(32,43,48)
-
#28353c
#28353c
rgb(40,53,60)
-
#2f4047
#2f4047
rgb(47,64,71)
-
#374a53
#374a53
rgb(55,74,83)
-
#3f555f
#3f555f
rgb(63,85,95)
-
#47606b
#47606b
rgb(71,96,107)
-
#4f6a77
#4f6a77
rgb(79,106,119)
-
#567582
#567582
rgb(86,117,130)
-
#5e7f8e
#5e7f8e
rgb(94,127,142)
-
#668a9a
#668a9a
rgb(102,138,154)
-
#7293a2
#7293a2
rgb(114,147,162)
-
#7e9ca9
#7e9ca9
rgb(126,156,169)
-
#8aa5b1
#8aa5b1
rgb(138,165,177)
-
#96aeb9
#96aeb9
rgb(150,174,185)
-
#a1b7c1
#a1b7c1
rgb(161,183,193)
-
#adc0c9
#adc0c9
rgb(173,192,201)
-
#b9c9d1
#b9c9d1
rgb(185,201,209)
-
#c5d2d8
#c5d2d8
rgb(197,210,216)
-
#d0dbe0
#d0dbe0
rgb(208,219,224)
-
#dce4e8
#dce4e8
rgb(220,228,232)
-
#e8edf0
#e8edf0
rgb(232,237,240)
-
#f4f6f8
#f4f6f8
rgb(244,246,248)
Tones of #3f555f
A tone is produced by adding gray to any pure hue. In this case, #4b5053 is the less saturated color, while #026c9c is the most saturated one.
-
#4b5053
#4b5053
rgb(75,80,83)
-
#455359
#455359
rgb(69,83,89)
-
#3f555f
#3f555f
rgb(63,85,95)
-
#395765
#395765
rgb(57,87,101)
-
#335a6b
#335a6b
rgb(51,90,107)
-
#2d5c71
#2d5c71
rgb(45,92,113)
-
#275e77
#275e77
rgb(39,94,119)
-
#21607d
#21607d
rgb(33,96,125)
-
#1b6383
#1b6383
rgb(27,99,131)
-
#14658a
#14658a
rgb(20,101,138)
-
#0e6790
#0e6790
rgb(14,103,144)
-
#086a96
#086a96
rgb(8,106,150)
-
#026c9c
#026c9c
rgb(2,108,156)
Color Blindness Simulator
Below, you can see how #3f555f 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.