#686363 Color Information
In a RGB color space, hex #686363 is composed of 40.8% red, 38.8% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.8% magenta, 4.8% yellow and 59.2% black. It has a hue angle of 0 degrees, a saturation of 2.5% and a lightness of 39.8%. #686363 color hex could be obtained by blending #d0c6c6 with #000000. Closest websafe color is: #666666.
-
- R 41
- G 39
- B 39
-
- C 0
- M 5
- Y 5
- K 59
● #686363 color description : Very dark grayish red.
#686363 Color Conversion
The hexadecimal color #686363 has RGB values of R:104, G:99, B:99 and CMYK values of C:0, M:0.05, Y:0.05, K:0.59. Its decimal value is 6841187.
Hex triplet | 686363 | #686363 |
---|---|---|
RGB Decimal | 104, 99, 99 | rgb(104,99,99) |
RGB Percent | 40.8, 38.8, 38.8 | rgb(40.8%,38.8%,38.8%) |
CMYK | 0, 5, 5, 59 | |
HSL | 0°, 2.5, 39.8 | hsl(0,2.5%,39.8%) |
HSV (or HSB) | 0°, 4.8, 40.8 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 42.411, 1.971, 0.701 |
---|---|
XYZ | 12.423, 12.768, 13.614 |
xyY | 0.32, 0.329, 12.768 |
CIE-LCH | 42.411, 2.092, 19.569 |
CIE-LUV | 42.411, 2.845, 0.609 |
Hunter-Lab | 35.732, -0.474, 2.423 |
Binary | 01101000, 01100011, 01100011 |
Color Schemes with #686363
Alternatives to #686363
Below, you can see some colors close to #686363. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686363 Preview
This text has a font color of #686363.
<span style="color:#686363;">Text here</span>
This paragraph has a background color of #686363.
<p style="background-color:#686363;">Content here</p>
This element has a border color of #686363.
<div style="border:1px solid #686363;">Content here</div>
.text {color:#686363;}
.background {background-color:#686363;}
.border {border:1px solid #686363;}
Shades and Tints of #686363
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, #040303 is the darkest color, while #f9f8f8 is the lightest one.
-
#040303
#040303
rgb(4,3,3)
-
#0e0d0d
#0e0d0d
rgb(14,13,13)
-
#181616
#181616
rgb(24,22,22)
-
#222020
#222020
rgb(34,32,32)
-
#2c2a2a
#2c2a2a
rgb(44,42,42)
-
#363333
#363333
rgb(54,51,51)
-
#403d3d
#403d3d
rgb(64,61,61)
-
#4a4646
#4a4646
rgb(74,70,70)
-
#545050
#545050
rgb(84,80,80)
-
#5e5959
#5e5959
rgb(94,89,89)
-
#686363
#686363
rgb(104,99,99)
-
#726d6d
#726d6d
rgb(114,109,109)
-
#7c7676
#7c7676
rgb(124,118,118)
-
#868080
#868080
rgb(134,128,128)
-
#908a8a
#908a8a
rgb(144,138,138)
-
#999494
#999494
rgb(153,148,148)
-
#a39e9e
#a39e9e
rgb(163,158,158)
-
#aca8a8
#aca8a8
rgb(172,168,168)
-
#b6b2b2
#b6b2b2
rgb(182,178,178)
-
#bfbcbc
#bfbcbc
rgb(191,188,188)
-
#c9c6c6
#c9c6c6
rgb(201,198,198)
-
#d3d0d0
#d3d0d0
rgb(211,208,208)
-
#dcdada
#dcdada
rgb(220,218,218)
-
#e6e4e4
#e6e4e4
rgb(230,228,228)
-
#efeeee
#efeeee
rgb(239,238,238)
-
#f9f8f8
#f9f8f8
rgb(249,248,248)
Tones of #686363
A tone is produced by adding gray to any pure hue. In this case, #686363 is the less saturated color, while #c60505 is the most saturated one.
-
#686363
#686363
rgb(104,99,99)
-
#705b5b
#705b5b
rgb(112,91,91)
-
#785353
#785353
rgb(120,83,83)
-
#7f4c4c
#7f4c4c
rgb(127,76,76)
-
#874444
#874444
rgb(135,68,68)
-
#8f3c3c
#8f3c3c
rgb(143,60,60)
-
#973434
#973434
rgb(151,52,52)
-
#9f2c2c
#9f2c2c
rgb(159,44,44)
-
#a62525
#a62525
rgb(166,37,37)
-
#ae1d1d
#ae1d1d
rgb(174,29,29)
-
#b61515
#b61515
rgb(182,21,21)
-
#be0d0d
#be0d0d
rgb(190,13,13)
-
#c60505
#c60505
rgb(198,5,5)
Color Blindness Simulator
Below, you can see how #686363 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.