#678696 Color Information
In a RGB color space, hex #678696 is composed of 40.4% red, 52.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 10.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 200.4 degrees, a saturation of 18.6% and a lightness of 49.6%. #678696 color hex could be obtained by blending #ceffff with #000d2d. Closest websafe color is: #669999.
-
- R 40
- G 53
- B 59
-
- C 31
- M 11
- Y 0
- K 41
● #678696 color description : Mostly desaturated dark blue.
#678696 Color Conversion
The hexadecimal color #678696 has RGB values of R:103, G:134, B:150 and CMYK values of C:0.31, M:0.11, Y:0, K:0.41. Its decimal value is 6784662.
Hex triplet | 678696 | #678696 |
---|---|---|
RGB Decimal | 103, 134, 150 | rgb(103,134,150) |
RGB Percent | 40.4, 52.5, 58.8 | rgb(40.4%,52.5%,58.8%) |
CMYK | 31, 11, 0, 41 | |
HSL | 200.4°, 18.6, 49.6 | hsl(200.4,18.6%,49.6%) |
HSV (or HSB) | 200.4°, 31.3, 58.8 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 54.17, -6.946, -12.115 |
---|---|
XYZ | 19.622, 22.135, 32.091 |
xyY | 0.266, 0.3, 22.135 |
CIE-LCH | 54.17, 13.965, 240.174 |
CIE-LUV | 54.17, -15.922, -16.606 |
Hunter-Lab | 47.048, -7.887, -7.508 |
Binary | 01100111, 10000110, 10010110 |
Color Schemes with #678696
Alternatives to #678696
Below, you can see some colors close to #678696. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#678696 Preview
This text has a font color of #678696.
<span style="color:#678696;">Text here</span>
This paragraph has a background color of #678696.
<p style="background-color:#678696;">Content here</p>
This element has a border color of #678696.
<div style="border:1px solid #678696;">Content here</div>
.text {color:#678696;}
.background {background-color:#678696;}
.border {border:1px solid #678696;}
Shades and Tints of #678696
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, #07090a is the darkest color, while #fefefe is the lightest one.
-
#07090a
#07090a
rgb(7,9,10)
-
#0f1416
#0f1416
rgb(15,20,22)
-
#171e22
#171e22
rgb(23,30,34)
-
#1f282d
#1f282d
rgb(31,40,45)
-
#273339
#273339
rgb(39,51,57)
-
#2f3d45
#2f3d45
rgb(47,61,69)
-
#374850
#374850
rgb(55,72,80)
-
#3f525c
#3f525c
rgb(63,82,92)
-
#475c67
#475c67
rgb(71,92,103)
-
#4f6773
#4f6773
rgb(79,103,115)
-
#57717f
#57717f
rgb(87,113,127)
-
#5f7c8a
#5f7c8a
rgb(95,124,138)
-
#678696
#678696
rgb(103,134,150)
-
#728f9e
#728f9e
rgb(114,143,158)
-
#7e99a6
#7e99a6
rgb(126,153,166)
-
#8aa2ae
#8aa2ae
rgb(138,162,174)
-
#95abb6
#95abb6
rgb(149,171,182)
-
#a1b4be
#a1b4be
rgb(161,180,190)
-
#acbdc6
#acbdc6
rgb(172,189,198)
-
#b8c7ce
#b8c7ce
rgb(184,199,206)
-
#c4d0d6
#c4d0d6
rgb(196,208,214)
-
#cfd9de
#cfd9de
rgb(207,217,222)
-
#dbe2e6
#dbe2e6
rgb(219,226,230)
-
#e7ecee
#e7ecee
rgb(231,236,238)
-
#f2f5f6
#f2f5f6
rgb(242,245,246)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #678696
A tone is produced by adding gray to any pure hue. In this case, #7a8083 is the less saturated color, while #06a5f7 is the most saturated one.
-
#7a8083
#7a8083
rgb(122,128,131)
-
#71838c
#71838c
rgb(113,131,140)
-
#678696
#678696
rgb(103,134,150)
-
#5d89a0
#5d89a0
rgb(93,137,160)
-
#548ca9
#548ca9
rgb(84,140,169)
-
#4a8fb3
#4a8fb3
rgb(74,143,179)
-
#4092bd
#4092bd
rgb(64,146,189)
-
#3696c7
#3696c7
rgb(54,150,199)
-
#2d99d0
#2d99d0
rgb(45,153,208)
-
#239cda
#239cda
rgb(35,156,218)
-
#199fe4
#199fe4
rgb(25,159,228)
-
#0fa2ee
#0fa2ee
rgb(15,162,238)
-
#06a5f7
#06a5f7
rgb(6,165,247)
Color Blindness Simulator
Below, you can see how #678696 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.