#678a89 Color Information
In a RGB color space, hex #678a89 is composed of 40.4% red, 54.1% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 25.4% cyan, 0% magenta, 0.7% yellow and 45.9% black. It has a hue angle of 178.3 degrees, a saturation of 14.5% and a lightness of 47.3%. #678a89 color hex could be obtained by blending #ceffff with #001513. Closest websafe color is: #669999.
-
- R 40
- G 54
- B 54
-
- C 25
- M 0
- Y 1
- K 46
● #678a89 color description : Mostly desaturated dark cyan.
#678a89 Color Conversion
The hexadecimal color #678a89 has RGB values of R:103, G:138, B:137 and CMYK values of C:0.25, M:0, Y:0.01, K:0.46. Its decimal value is 6785673.
Hex triplet | 678a89 | #678a89 |
---|---|---|
RGB Decimal | 103, 138, 137 | rgb(103,138,137) |
RGB Percent | 40.4, 54.1, 53.7 | rgb(40.4%,54.1%,53.7%) |
CMYK | 25, 0, 1, 46 | |
HSL | 178.3°, 14.5, 47.3 | hsl(178.3,14.5%,47.3%) |
HSV (or HSB) | 178.3°, 25.4, 54.1 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 54.934, -12.394, -3.455 |
---|---|
XYZ | 19.196, 22.866, 27.068 |
xyY | 0.278, 0.331, 22.866 |
CIE-LCH | 54.934, 12.866, 195.579 |
CIE-LUV | 54.934, -17.613, -2.998 |
Hunter-Lab | 47.818, -12.025, -0.088 |
Binary | 01100111, 10001010, 10001001 |
Color Schemes with #678a89
Alternatives to #678a89
Below, you can see some colors close to #678a89. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#678a89 Preview
This text has a font color of #678a89.
<span style="color:#678a89;">Text here</span>
This paragraph has a background color of #678a89.
<p style="background-color:#678a89;">Content here</p>
This element has a border color of #678a89.
<div style="border:1px solid #678a89;">Content here</div>
.text {color:#678a89;}
.background {background-color:#678a89;}
.border {border:1px solid #678a89;}
Shades and Tints of #678a89
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, #020303 is the darkest color, while #f7f9f9 is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#0b0e0e
#0b0e0e
rgb(11,14,14)
-
#131a19
#131a19
rgb(19,26,25)
-
#1c2525
#1c2525
rgb(28,37,37)
-
#243030
#243030
rgb(36,48,48)
-
#2c3b3b
#2c3b3b
rgb(44,59,59)
-
#354746
#354746
rgb(53,71,70)
-
#3d5251
#3d5251
rgb(61,82,81)
-
#455d5c
#455d5c
rgb(69,93,92)
-
#4e6868
#4e6868
rgb(78,104,104)
-
#567473
#567473
rgb(86,116,115)
-
#5f7f7e
#5f7f7e
rgb(95,127,126)
-
#678a89
#678a89
rgb(103,138,137)
-
#709493
#709493
rgb(112,148,147)
-
#7b9d9c
#7b9d9c
rgb(123,157,156)
-
#87a5a4
#87a5a4
rgb(135,165,164)
-
#92aead
#92aead
rgb(146,174,173)
-
#9db6b5
#9db6b5
rgb(157,182,181)
-
#a8bebe
#a8bebe
rgb(168,190,190)
-
#b4c7c6
#b4c7c6
rgb(180,199,198)
-
#bfcfcf
#bfcfcf
rgb(191,207,207)
-
#cad7d7
#cad7d7
rgb(202,215,215)
-
#d5e0e0
#d5e0e0
rgb(213,224,224)
-
#e1e8e8
#e1e8e8
rgb(225,232,232)
-
#ecf1f0
#ecf1f0
rgb(236,241,240)
-
#f7f9f9
#f7f9f9
rgb(247,249,249)
Tones of #678a89
A tone is produced by adding gray to any pure hue. In this case, #708180 is the less saturated color, while #01f0e9 is the most saturated one.
-
#708180
#708180
rgb(112,129,128)
-
#678a89
#678a89
rgb(103,138,137)
-
#5e9392
#5e9392
rgb(94,147,146)
-
#549d9a
#549d9a
rgb(84,157,154)
-
#4ba6a3
#4ba6a3
rgb(75,166,163)
-
#42afac
#42afac
rgb(66,175,172)
-
#39b8b5
#39b8b5
rgb(57,184,181)
-
#2fc2bd
#2fc2bd
rgb(47,194,189)
-
#26cbc6
#26cbc6
rgb(38,203,198)
-
#1dd4cf
#1dd4cf
rgb(29,212,207)
-
#14ddd8
#14ddd8
rgb(20,221,216)
-
#0ae7e0
#0ae7e0
rgb(10,231,224)
-
#01f0e9
#01f0e9
rgb(1,240,233)
Color Blindness Simulator
Below, you can see how #678a89 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.