#686663 Color Information
In a RGB color space, hex #686663 is composed of 40.8% red, 40% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.9% magenta, 4.8% yellow and 59.2% black. It has a hue angle of 36 degrees, a saturation of 2.5% and a lightness of 39.8%. #686663 color hex could be obtained by blending #d0ccc6 with #000000. Closest websafe color is: #666666.
-
- R 41
- G 40
- B 39
-
- C 0
- M 2
- Y 5
- K 59
● #686663 color description : Very dark grayish orange.
#686663 Color Conversion
The hexadecimal color #686663 has RGB values of R:104, G:102, B:99 and CMYK values of C:0, M:0.02, Y:0.05, K:0.59. Its decimal value is 6841955.
Hex triplet | 686663 | #686663 |
---|---|---|
RGB Decimal | 104, 102, 99 | rgb(104,102,99) |
RGB Percent | 40.8, 40, 38.8 | rgb(40.8%,40%,38.8%) |
CMYK | 0, 2, 5, 59 | |
HSL | 36°, 2.5, 39.8 | hsl(36,2.5%,39.8%) |
HSV (or HSB) | 36°, 4.8, 40.8 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 43.281, 0.177, 1.965 |
---|---|
XYZ | 12.712, 13.347, 13.71 |
xyY | 0.32, 0.336, 13.347 |
CIE-LCH | 43.281, 1.973, 84.849 |
CIE-LUV | 43.281, 1.303, 2.531 |
Hunter-Lab | 36.533, -1.822, 3.323 |
Binary | 01101000, 01100110, 01100011 |
Color Schemes with #686663
Alternatives to #686663
Below, you can see some colors close to #686663. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686663 Preview
This text has a font color of #686663.
<span style="color:#686663;">Text here</span>
This paragraph has a background color of #686663.
<p style="background-color:#686663;">Content here</p>
This element has a border color of #686663.
<div style="border:1px solid #686663;">Content here</div>
.text {color:#686663;}
.background {background-color:#686663;}
.border {border:1px solid #686663;}
Shades and Tints of #686663
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 #f9f9f8 is the lightest one.
-
#040303
#040303
rgb(4,3,3)
-
#0e0d0d
#0e0d0d
rgb(14,13,13)
-
#181716
#181716
rgb(24,23,22)
-
#222120
#222120
rgb(34,33,32)
-
#2c2b2a
#2c2b2a
rgb(44,43,42)
-
#363533
#363533
rgb(54,53,51)
-
#403f3d
#403f3d
rgb(64,63,61)
-
#4a4846
#4a4846
rgb(74,72,70)
-
#545250
#545250
rgb(84,82,80)
-
#5e5c59
#5e5c59
rgb(94,92,89)
-
#686663
#686663
rgb(104,102,99)
-
#72706d
#72706d
rgb(114,112,109)
-
#7c7a76
#7c7a76
rgb(124,122,118)
-
#868480
#868480
rgb(134,132,128)
-
#908d8a
#908d8a
rgb(144,141,138)
-
#999794
#999794
rgb(153,151,148)
-
#a3a19e
#a3a19e
rgb(163,161,158)
-
#acaba8
#acaba8
rgb(172,171,168)
-
#b6b4b2
#b6b4b2
rgb(182,180,178)
-
#bfbebc
#bfbebc
rgb(191,190,188)
-
#c9c8c6
#c9c8c6
rgb(201,200,198)
-
#d3d2d0
#d3d2d0
rgb(211,210,208)
-
#dcdbda
#dcdbda
rgb(220,219,218)
-
#e6e5e4
#e6e5e4
rgb(230,229,228)
-
#efefee
#efefee
rgb(239,239,238)
-
#f9f9f8
#f9f9f8
rgb(249,249,248)
Tones of #686663
A tone is produced by adding gray to any pure hue. In this case, #686663 is the less saturated color, while #c67905 is the most saturated one.
-
#686663
#686663
rgb(104,102,99)
-
#70685b
#70685b
rgb(112,104,91)
-
#786953
#786953
rgb(120,105,83)
-
#7f6b4c
#7f6b4c
rgb(127,107,76)
-
#876c44
#876c44
rgb(135,108,68)
-
#8f6e3c
#8f6e3c
rgb(143,110,60)
-
#976f34
#976f34
rgb(151,111,52)
-
#9f712c
#9f712c
rgb(159,113,44)
-
#a67225
#a67225
rgb(166,114,37)
-
#ae741d
#ae741d
rgb(174,116,29)
-
#b67615
#b67615
rgb(182,118,21)
-
#be770d
#be770d
rgb(190,119,13)
-
#c67905
#c67905
rgb(198,121,5)
Color Blindness Simulator
Below, you can see how #686663 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.