#678aa0 Color Information
In a RGB color space, hex #678aa0 is composed of 40.4% red, 54.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 13.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 203.2 degrees, a saturation of 23.1% and a lightness of 51.6%. #678aa0 color hex could be obtained by blending #ceffff with #001541. Closest websafe color is: #669999.
-
- R 40
- G 54
- B 63
-
- C 36
- M 14
- Y 0
- K 37
● #678aa0 color description : Mostly desaturated dark blue.
#678aa0 Color Conversion
The hexadecimal color #678aa0 has RGB values of R:103, G:138, B:160 and CMYK values of C:0.36, M:0.14, Y:0, K:0.37. Its decimal value is 6785696.
Hex triplet | 678aa0 | #678aa0 |
---|---|---|
RGB Decimal | 103, 138, 160 | rgb(103,138,160) |
RGB Percent | 40.4, 54.1, 62.7 | rgb(40.4%,54.1%,62.7%) |
CMYK | 36, 14, 0, 37 | |
HSL | 203.2°, 23.1, 51.6 | hsl(203.2,23.1%,51.6%) |
HSV (or HSB) | 203.2°, 35.6, 62.7 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 55.683, -6.583, -15.599 |
---|---|
XYZ | 21.026, 23.598, 36.703 |
xyY | 0.259, 0.29, 23.598 |
CIE-LCH | 55.683, 16.932, 247.12 |
CIE-LUV | 55.683, -17.712, -22.1 |
Hunter-Lab | 48.578, -7.751, -10.792 |
Binary | 01100111, 10001010, 10100000 |
Color Schemes with #678aa0
Alternatives to #678aa0
Below, you can see some colors close to #678aa0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#678aa0 Preview
This text has a font color of #678aa0.
<span style="color:#678aa0;">Text here</span>
This paragraph has a background color of #678aa0.
<p style="background-color:#678aa0;">Content here</p>
This element has a border color of #678aa0.
<div style="border:1px solid #678aa0;">Content here</div>
.text {color:#678aa0;}
.background {background-color:#678aa0;}
.border {border:1px solid #678aa0;}
Shades and Tints of #678aa0
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, #030405 is the darkest color, while #f8f9fb is the lightest one.
-
#030405
#030405
rgb(3,4,5)
-
#0b0f11
#0b0f11
rgb(11,15,17)
-
#12191d
#12191d
rgb(18,25,29)
-
#1a2329
#1a2329
rgb(26,35,41)
-
#212e35
#212e35
rgb(33,46,53)
-
#293841
#293841
rgb(41,56,65)
-
#30424d
#30424d
rgb(48,66,77)
-
#384c59
#384c59
rgb(56,76,89)
-
#3f5765
#3f5765
rgb(63,87,101)
-
#476172
#476172
rgb(71,97,114)
-
#4f6b7e
#4f6b7e
rgb(79,107,126)
-
#56768a
#56768a
rgb(86,118,138)
-
#5e8096
#5e8096
rgb(94,128,150)
-
#678aa0
#678aa0
rgb(103,138,160)
-
#7393a8
#7393a8
rgb(115,147,168)
-
#7f9daf
#7f9daf
rgb(127,157,175)
-
#8ba6b7
#8ba6b7
rgb(139,166,183)
-
#97afbe
#97afbe
rgb(151,175,190)
-
#a3b8c6
#a3b8c6
rgb(163,184,198)
-
#afc2cd
#afc2cd
rgb(175,194,205)
-
#bbcbd5
#bbcbd5
rgb(187,203,213)
-
#c8d4dc
#c8d4dc
rgb(200,212,220)
-
#d4dee4
#d4dee4
rgb(212,222,228)
-
#e0e7eb
#e0e7eb
rgb(224,231,235)
-
#ecf0f3
#ecf0f3
rgb(236,240,243)
-
#f8f9fb
#f8f9fb
rgb(248,249,251)
Tones of #678aa0
A tone is produced by adding gray to any pure hue. In this case, #7a868d is the less saturated color, while #08a0ff is the most saturated one.
-
#7a868d
#7a868d
rgb(122,134,141)
-
#718897
#718897
rgb(113,136,151)
-
#678aa0
#678aa0
rgb(103,138,160)
-
#5e8caa
#5e8caa
rgb(94,140,170)
-
#548eb3
#548eb3
rgb(84,142,179)
-
#4b91bd
#4b91bd
rgb(75,145,189)
-
#4193c6
#4193c6
rgb(65,147,198)
-
#3895d0
#3895d0
rgb(56,149,208)
-
#2e97d9
#2e97d9
rgb(46,151,217)
-
#2599e3
#2599e3
rgb(37,153,227)
-
#1b9bec
#1b9bec
rgb(27,155,236)
-
#129ef6
#129ef6
rgb(18,158,246)
-
#08a0ff
#08a0ff
rgb(8,160,255)
Color Blindness Simulator
Below, you can see how #678aa0 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.