#678fb2 Color Information
In a RGB color space, hex #678fb2 is composed of 40.4% red, 56.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 42.1% cyan, 19.7% magenta, 0% yellow and 30.2% black. It has a hue angle of 208 degrees, a saturation of 32.8% and a lightness of 55.1%. #678fb2 color hex could be obtained by blending #ceffff with #001f65. Closest websafe color is: #669999.
-
- R 40
- G 56
- B 70
-
- C 42
- M 20
- Y 0
- K 30
● #678fb2 color description : Mostly desaturated dark blue.
#678fb2 Color Conversion
The hexadecimal color #678fb2 has RGB values of R:103, G:143, B:178 and CMYK values of C:0.42, M:0.2, Y:0, K:0.3. Its decimal value is 6786994.
Hex triplet | 678fb2 | #678fb2 |
---|---|---|
RGB Decimal | 103, 143, 178 | rgb(103,143,178) |
RGB Percent | 40.4, 56.1, 69.8 | rgb(40.4%,56.1%,69.8%) |
CMYK | 42, 20, 0, 30 | |
HSL | 208°, 32.8, 55.1 | hsl(208,32.8%,55.1%) |
HSV (or HSB) | 208°, 42.1, 69.8 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 57.791, -4.469, -22.681 |
---|---|
XYZ | 23.45, 25.742, 45.85 |
xyY | 0.247, 0.271, 25.742 |
CIE-LCH | 57.791, 23.117, 258.855 |
CIE-LUV | 57.791, -19.833, -33.729 |
Hunter-Lab | 50.736, -6.287, -18.064 |
Binary | 01100111, 10001111, 10110010 |
Color Schemes with #678fb2
Alternatives to #678fb2
Below, you can see some colors close to #678fb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#678fb2 Preview
This text has a font color of #678fb2.
<span style="color:#678fb2;">Text here</span>
This paragraph has a background color of #678fb2.
<p style="background-color:#678fb2;">Content here</p>
This element has a border color of #678fb2.
<div style="border:1px solid #678fb2;">Content here</div>
.text {color:#678fb2;}
.background {background-color:#678fb2;}
.border {border:1px solid #678fb2;}
Shades and Tints of #678fb2
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, #020304 is the darkest color, while #f6f9fb is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#090d11
#090d11
rgb(9,13,17)
-
#0f171e
#0f171e
rgb(15,23,30)
-
#16212b
#16212b
rgb(22,33,43)
-
#1d2b38
#1d2b38
rgb(29,43,56)
-
#233545
#233545
rgb(35,53,69)
-
#2a3f52
#2a3f52
rgb(42,63,82)
-
#30495f
#30495f
rgb(48,73,95)
-
#37536c
#37536c
rgb(55,83,108)
-
#3e5d79
#3e5d79
rgb(62,93,121)
-
#446786
#446786
rgb(68,103,134)
-
#4b7293
#4b7293
rgb(75,114,147)
-
#517ca0
#517ca0
rgb(81,124,160)
-
#5a85ab
#5a85ab
rgb(90,133,171)
-
#678fb2
#678fb2
rgb(103,143,178)
-
#7499b9
#7499b9
rgb(116,153,185)
-
#81a2bf
#81a2bf
rgb(129,162,191)
-
#8eacc6
#8eacc6
rgb(142,172,198)
-
#9bb5cc
#9bb5cc
rgb(155,181,204)
-
#a8bfd3
#a8bfd3
rgb(168,191,211)
-
#b5c9da
#b5c9da
rgb(181,201,218)
-
#c2d2e0
#c2d2e0
rgb(194,210,224)
-
#cfdce7
#cfdce7
rgb(207,220,231)
-
#dce5ed
#dce5ed
rgb(220,229,237)
-
#e9eff4
#e9eff4
rgb(233,239,244)
-
#f6f9fb
#f6f9fb
rgb(246,249,251)
Tones of #678fb2
A tone is produced by adding gray to any pure hue. In this case, #8a8d8f is the less saturated color, while #2194f8 is the most saturated one.
-
#8a8d8f
#8a8d8f
rgb(138,141,143)
-
#818d98
#818d98
rgb(129,141,152)
-
#798ea0
#798ea0
rgb(121,142,160)
-
#708ea9
#708ea9
rgb(112,142,169)
-
#678fb2
#678fb2
rgb(103,143,178)
-
#5e90bb
#5e90bb
rgb(94,144,187)
-
#5590c4
#5590c4
rgb(85,144,196)
-
#4d91cc
#4d91cc
rgb(77,145,204)
-
#4491d5
#4491d5
rgb(68,145,213)
-
#3b92de
#3b92de
rgb(59,146,222)
-
#3293e7
#3293e7
rgb(50,147,231)
-
#2993f0
#2993f0
rgb(41,147,240)
-
#2194f8
#2194f8
rgb(33,148,248)
Color Blindness Simulator
Below, you can see how #678fb2 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.