#678a99 Color Information
In a RGB color space, hex #678a99 is composed of 40.4% red, 54.1% green and 60% blue. Whereas in a CMYK color space, it is composed of 32.7% cyan, 9.8% magenta, 0% yellow and 40% black. It has a hue angle of 198 degrees, a saturation of 19.7% and a lightness of 50.2%. #678a99 color hex could be obtained by blending #ceffff with #001533. Closest websafe color is: #669999.
-
- R 40
- G 54
- B 60
-
- C 33
- M 10
- Y 0
- K 40
● #678a99 color description : Mostly desaturated dark blue.
#678a99 Color Conversion
The hexadecimal color #678a99 has RGB values of R:103, G:138, B:153 and CMYK values of C:0.33, M:0.1, Y:0, K:0.4. Its decimal value is 6785689.
Hex triplet | 678a99 | #678a99 |
---|---|---|
RGB Decimal | 103, 138, 153 | rgb(103,138,153) |
RGB Percent | 40.4, 54.1, 60 | rgb(40.4%,54.1%,60%) |
CMYK | 33, 10, 0, 40 | |
HSL | 198°, 19.7, 50.2 | hsl(198,19.7%,50.2%) |
HSV (or HSB) | 198°, 32.7, 60 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 55.441, -8.421, -11.935 |
---|---|
XYZ | 20.43, 23.36, 33.568 |
xyY | 0.264, 0.302, 23.36 |
CIE-LCH | 55.441, 14.607, 234.792 |
CIE-LUV | 55.441, -17.678, -16.197 |
Hunter-Lab | 48.332, -9.127, -7.346 |
Binary | 01100111, 10001010, 10011001 |
Color Schemes with #678a99
Alternatives to #678a99
Below, you can see some colors close to #678a99. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#678a99 Preview
This text has a font color of #678a99.
<span style="color:#678a99;">Text here</span>
This paragraph has a background color of #678a99.
<p style="background-color:#678a99;">Content here</p>
This element has a border color of #678a99.
<div style="border:1px solid #678a99;">Content here</div>
.text {color:#678a99;}
.background {background-color:#678a99;}
.border {border:1px solid #678a99;}
Shades and Tints of #678a99
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, #000101 is the darkest color, while #f4f6f8 is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#080b0c
#080b0c
rgb(8,11,12)
-
#101618
#101618
rgb(16,22,24)
-
#182024
#182024
rgb(24,32,36)
-
#202b30
#202b30
rgb(32,43,48)
-
#28353b
#28353b
rgb(40,53,59)
-
#304047
#304047
rgb(48,64,71)
-
#384b53
#384b53
rgb(56,75,83)
-
#3f555f
#3f555f
rgb(63,85,95)
-
#47606a
#47606a
rgb(71,96,106)
-
#4f6a76
#4f6a76
rgb(79,106,118)
-
#577582
#577582
rgb(87,117,130)
-
#5f7f8d
#5f7f8d
rgb(95,127,141)
-
#678a99
#678a99
rgb(103,138,153)
-
#7393a1
#7393a1
rgb(115,147,161)
-
#7e9ca9
#7e9ca9
rgb(126,156,169)
-
#8aa5b1
#8aa5b1
rgb(138,165,177)
-
#96aeb9
#96aeb9
rgb(150,174,185)
-
#a2b7c0
#a2b7c0
rgb(162,183,192)
-
#adc0c8
#adc0c8
rgb(173,192,200)
-
#b9c9d0
#b9c9d0
rgb(185,201,208)
-
#c5d2d8
#c5d2d8
rgb(197,210,216)
-
#d1dbe0
#d1dbe0
rgb(209,219,224)
-
#dce4e8
#dce4e8
rgb(220,228,232)
-
#e8edf0
#e8edf0
rgb(232,237,240)
-
#f4f6f8
#f4f6f8
rgb(244,246,248)
Tones of #678a99
A tone is produced by adding gray to any pure hue. In this case, #7b8285 is the less saturated color, while #05b1fb is the most saturated one.
-
#7b8285
#7b8285
rgb(123,130,133)
-
#71868f
#71868f
rgb(113,134,143)
-
#678a99
#678a99
rgb(103,138,153)
-
#5d8ea3
#5d8ea3
rgb(93,142,163)
-
#5392ad
#5392ad
rgb(83,146,173)
-
#4a96b6
#4a96b6
rgb(74,150,182)
-
#409ac0
#409ac0
rgb(64,154,192)
-
#369eca
#369eca
rgb(54,158,202)
-
#2ca1d4
#2ca1d4
rgb(44,161,212)
-
#23a5dd
#23a5dd
rgb(35,165,221)
-
#19a9e7
#19a9e7
rgb(25,169,231)
-
#0fadf1
#0fadf1
rgb(15,173,241)
-
#05b1fb
#05b1fb
rgb(5,177,251)
Color Blindness Simulator
Below, you can see how #678a99 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.