#3f5151 Color Information
In a RGB color space, hex #3f5151 is composed of 24.7% red, 31.8% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 0% magenta, 0% yellow and 68.2% black. It has a hue angle of 180 degrees, a saturation of 12.5% and a lightness of 28.2%. #3f5151 color hex could be obtained by blending #7ea2a2 with #000000. Closest websafe color is: #336666.
-
- R 25
- G 32
- B 32
-
- C 22
- M 0
- Y 0
- K 68
● #3f5151 color description : Very dark grayish cyan.
#3f5151 Color Conversion
The hexadecimal color #3f5151 has RGB values of R:63, G:81, B:81 and CMYK values of C:0.22, M:0, Y:0, K:0.68. Its decimal value is 4149585.
Hex triplet | 3f5151 | #3f5151 |
---|---|---|
RGB Decimal | 63, 81, 81 | rgb(63,81,81) |
RGB Percent | 24.7, 31.8, 31.8 | rgb(24.7%,31.8%,31.8%) |
CMYK | 22, 0, 0, 68 | |
HSL | 180°, 12.5, 28.2 | hsl(180,12.5%,28.2%) |
HSV (or HSB) | 180°, 22.2, 31.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.996, -6.961, -2.313 |
---|---|
XYZ | 6.477, 7.536, 8.897 |
xyY | 0.283, 0.329, 7.536 |
CIE-LCH | 32.996, 7.335, 198.379 |
CIE-LUV | 32.996, -8.848, -1.913 |
Hunter-Lab | 27.451, -5.921, -0.001 |
Binary | 00111111, 01010001, 01010001 |
Color Schemes with #3f5151
Alternatives to #3f5151
Below, you can see some colors close to #3f5151. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5151 Preview
This text has a font color of #3f5151.
<span style="color:#3f5151;">Text here</span>
This paragraph has a background color of #3f5151.
<p style="background-color:#3f5151;">Content here</p>
This element has a border color of #3f5151.
<div style="border:1px solid #3f5151;">Content here</div>
.text {color:#3f5151;}
.background {background-color:#3f5151;}
.border {border:1px solid #3f5151;}
Shades and Tints of #3f5151
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, #030404 is the darkest color, while #f8f9f9 is the lightest one.
-
#030404
#030404
rgb(3,4,4)
-
#0c0f0f
#0c0f0f
rgb(12,15,15)
-
#141a1a
#141a1a
rgb(20,26,26)
-
#1d2525
#1d2525
rgb(29,37,37)
-
#253030
#253030
rgb(37,48,48)
-
#2e3b3b
#2e3b3b
rgb(46,59,59)
-
#364646
#364646
rgb(54,70,70)
-
#3f5151
#3f5151
rgb(63,81,81)
-
#485c5c
#485c5c
rgb(72,92,92)
-
#506767
#506767
rgb(80,103,103)
-
#597272
#597272
rgb(89,114,114)
-
#617d7d
#617d7d
rgb(97,125,125)
-
#6a8888
#6a8888
rgb(106,136,136)
-
#739292
#739292
rgb(115,146,146)
-
#7e9b9b
#7e9b9b
rgb(126,155,155)
-
#89a4a4
#89a4a4
rgb(137,164,164)
-
#94acac
#94acac
rgb(148,172,172)
-
#9fb5b5
#9fb5b5
rgb(159,181,181)
-
#aabdbd
#aabdbd
rgb(170,189,189)
-
#b6c6c6
#b6c6c6
rgb(182,198,198)
-
#c1cece
#c1cece
rgb(193,206,206)
-
#ccd7d7
#ccd7d7
rgb(204,215,215)
-
#d7e0e0
#d7e0e0
rgb(215,224,224)
-
#e2e8e8
#e2e8e8
rgb(226,232,232)
-
#edf1f1
#edf1f1
rgb(237,241,241)
-
#f8f9f9
#f8f9f9
rgb(248,249,249)
Tones of #3f5151
A tone is produced by adding gray to any pure hue. In this case, #454b4b is the less saturated color, while #028e8e is the most saturated one.
-
#454b4b
#454b4b
rgb(69,75,75)
-
#3f5151
#3f5151
rgb(63,81,81)
-
#395757
#395757
rgb(57,87,87)
-
#345c5c
#345c5c
rgb(52,92,92)
-
#2e6262
#2e6262
rgb(46,98,98)
-
#296767
#296767
rgb(41,103,103)
-
#236d6d
#236d6d
rgb(35,109,109)
-
#1e7272
#1e7272
rgb(30,114,114)
-
#187878
#187878
rgb(24,120,120)
-
#137d7d
#137d7d
rgb(19,125,125)
-
#0d8383
#0d8383
rgb(13,131,131)
-
#088888
#088888
rgb(8,136,136)
-
#028e8e
#028e8e
rgb(2,142,142)
Color Blindness Simulator
Below, you can see how #3f5151 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.