#678a96 Color Information
In a RGB color space, hex #678a96 is composed of 40.4% red, 54.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 8% magenta, 0% yellow and 41.2% black. It has a hue angle of 195.3 degrees, a saturation of 18.6% and a lightness of 49.6%. #678a96 color hex could be obtained by blending #ceffff with #00152d. Closest websafe color is: #669999.
-
- R 40
- G 54
- B 59
-
- C 31
- M 8
- Y 0
- K 41
● #678a96 color description : Mostly desaturated dark blue.
#678a96 Color Conversion
The hexadecimal color #678a96 has RGB values of R:103, G:138, B:150 and CMYK values of C:0.31, M:0.08, Y:0, K:0.41. Its decimal value is 6785686.
Hex triplet | 678a96 | #678a96 |
---|---|---|
RGB Decimal | 103, 138, 150 | rgb(103,138,150) |
RGB Percent | 40.4, 54.1, 58.8 | rgb(40.4%,54.1%,58.8%) |
CMYK | 31, 8, 0, 41 | |
HSL | 195.3°, 18.6, 49.6 | hsl(195.3,18.6%,49.6%) |
HSV (or HSB) | 195.3°, 31.3, 58.8 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 55.341, -9.191, -10.355 |
---|---|
XYZ | 20.186, 23.262, 32.279 |
xyY | 0.267, 0.307, 23.262 |
CIE-LCH | 55.341, 13.846, 228.408 |
CIE-LUV | 55.341, -17.664, -13.687 |
Hunter-Lab | 48.23, -9.696, -5.919 |
Binary | 01100111, 10001010, 10010110 |
Color Schemes with #678a96
Alternatives to #678a96
Below, you can see some colors close to #678a96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#678a96 Preview
This text has a font color of #678a96.
<span style="color:#678a96;">Text here</span>
This paragraph has a background color of #678a96.
<p style="background-color:#678a96;">Content here</p>
This element has a border color of #678a96.
<div style="border:1px solid #678a96;">Content here</div>
.text {color:#678a96;}
.background {background-color:#678a96;}
.border {border:1px solid #678a96;}
Shades and Tints of #678a96
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, #070a0a is the darkest color, while #fefefe is the lightest one.
-
#070a0a
#070a0a
rgb(7,10,10)
-
#0f1416
#0f1416
rgb(15,20,22)
-
#171f22
#171f22
rgb(23,31,34)
-
#1f2a2d
#1f2a2d
rgb(31,42,45)
-
#273439
#273439
rgb(39,52,57)
-
#2f3f45
#2f3f45
rgb(47,63,69)
-
#374a50
#374a50
rgb(55,74,80)
-
#3f555c
#3f555c
rgb(63,85,92)
-
#475f67
#475f67
rgb(71,95,103)
-
#4f6a73
#4f6a73
rgb(79,106,115)
-
#57757f
#57757f
rgb(87,117,127)
-
#5f7f8a
#5f7f8a
rgb(95,127,138)
-
#678a96
#678a96
rgb(103,138,150)
-
#72939e
#72939e
rgb(114,147,158)
-
#7e9ca6
#7e9ca6
rgb(126,156,166)
-
#8aa5ae
#8aa5ae
rgb(138,165,174)
-
#95aeb6
#95aeb6
rgb(149,174,182)
-
#a1b7be
#a1b7be
rgb(161,183,190)
-
#acc0c6
#acc0c6
rgb(172,192,198)
-
#b8c9ce
#b8c9ce
rgb(184,201,206)
-
#c4d2d6
#c4d2d6
rgb(196,210,214)
-
#cfdade
#cfdade
rgb(207,218,222)
-
#dbe3e6
#dbe3e6
rgb(219,227,230)
-
#e7ecee
#e7ecee
rgb(231,236,238)
-
#f2f5f6
#f2f5f6
rgb(242,245,246)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #678a96
A tone is produced by adding gray to any pure hue. In this case, #7a8083 is the less saturated color, while #06baf7 is the most saturated one.
-
#7a8083
#7a8083
rgb(122,128,131)
-
#71858c
#71858c
rgb(113,133,140)
-
#678a96
#678a96
rgb(103,138,150)
-
#5d8fa0
#5d8fa0
rgb(93,143,160)
-
#5494a9
#5494a9
rgb(84,148,169)
-
#4a98b3
#4a98b3
rgb(74,152,179)
-
#409dbd
#409dbd
rgb(64,157,189)
-
#36a2c7
#36a2c7
rgb(54,162,199)
-
#2da7d0
#2da7d0
rgb(45,167,208)
-
#23abda
#23abda
rgb(35,171,218)
-
#19b0e4
#19b0e4
rgb(25,176,228)
-
#0fb5ee
#0fb5ee
rgb(15,181,238)
-
#06baf7
#06baf7
rgb(6,186,247)
Color Blindness Simulator
Below, you can see how #678a96 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.