#678adc Color Information
In a RGB color space, hex #678adc is composed of 40.4% red, 54.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 37.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 222.1 degrees, a saturation of 62.6% and a lightness of 63.3%. #678adc color hex could be obtained by blending #ceffff with #0015b9. Closest websafe color is: #6699cc.
-
- R 40
- G 54
- B 86
-
- C 53
- M 37
- Y 0
- K 14
● #678adc color description : Soft blue.
#678adc Color Conversion
The hexadecimal color #678adc has RGB values of R:103, G:138, B:220 and CMYK values of C:0.53, M:0.37, Y:0, K:0.14. Its decimal value is 6785756.
Hex triplet | 678adc | #678adc |
---|---|---|
RGB Decimal | 103, 138, 220 | rgb(103,138,220) |
RGB Percent | 40.4, 54.1, 86.3 | rgb(40.4%,54.1%,86.3%) |
CMYK | 53, 37, 0, 14 | |
HSL | 222.1°, 62.6, 63.3 | hsl(222.1,62.6%,63.3%) |
HSV (or HSB) | 222.1°, 53.2, 86.3 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.251, 11.042, -45.668 |
---|---|
XYZ | 27.597, 26.226, 71.314 |
xyY | 0.221, 0.21, 26.226 |
CIE-LCH | 58.251, 46.984, 283.592 |
CIE-LUV | 58.251, -18.16, -73.141 |
Hunter-Lab | 51.212, 6.571, -46.715 |
Binary | 01100111, 10001010, 11011100 |
Color Schemes with #678adc
Alternatives to #678adc
Below, you can see some colors close to #678adc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#678adc Preview
This text has a font color of #678adc.
<span style="color:#678adc;">Text here</span>
This paragraph has a background color of #678adc.
<p style="background-color:#678adc;">Content here</p>
This element has a border color of #678adc.
<div style="border:1px solid #678adc;">Content here</div>
.text {color:#678adc;}
.background {background-color:#678adc;}
.border {border:1px solid #678adc;}
Shades and Tints of #678adc
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, #020307 is the darkest color, while #f6f8fd is the lightest one.
-
#020307
#020307
rgb(2,3,7)
-
#050b17
#050b17
rgb(5,11,23)
-
#091227
#091227
rgb(9,18,39)
-
#0d1937
#0d1937
rgb(13,25,55)
-
#102147
#102147
rgb(16,33,71)
-
#142857
#142857
rgb(20,40,87)
-
#182f67
#182f67
rgb(24,47,103)
-
#1b3777
#1b3777
rgb(27,55,119)
-
#1f3e87
#1f3e87
rgb(31,62,135)
-
#234697
#234697
rgb(35,70,151)
-
#264da7
#264da7
rgb(38,77,167)
-
#2a54b7
#2a54b7
rgb(42,84,183)
-
#2e5cc7
#2e5cc7
rgb(46,92,199)
-
#3765d1
#3765d1
rgb(55,101,209)
-
#4771d5
#4771d5
rgb(71,113,213)
-
#577ed8
#577ed8
rgb(87,126,216)
-
#678adc
#678adc
rgb(103,138,220)
-
#7796e0
#7796e0
rgb(119,150,224)
-
#87a3e3
#87a3e3
rgb(135,163,227)
-
#97afe7
#97afe7
rgb(151,175,231)
-
#a7bbeb
#a7bbeb
rgb(167,187,235)
-
#b7c7ee
#b7c7ee
rgb(183,199,238)
-
#c7d4f2
#c7d4f2
rgb(199,212,242)
-
#d7e0f6
#d7e0f6
rgb(215,224,246)
-
#e7ecf9
#e7ecf9
rgb(231,236,249)
-
#f6f8fd
#f6f8fd
rgb(246,248,253)
Tones of #678adc
A tone is produced by adding gray to any pure hue. In this case, #a1a1a2 is the less saturated color, while #4a7ef9 is the most saturated one.
-
#a1a1a2
#a1a1a2
rgb(161,161,162)
-
#999eaa
#999eaa
rgb(153,158,170)
-
#929bb1
#929bb1
rgb(146,155,177)
-
#8b98b8
#8b98b8
rgb(139,152,184)
-
#8496bf
#8496bf
rgb(132,150,191)
-
#7d93c6
#7d93c6
rgb(125,147,198)
-
#7590ce
#7590ce
rgb(117,144,206)
-
#6e8dd5
#6e8dd5
rgb(110,141,213)
-
#678adc
#678adc
rgb(103,138,220)
-
#6087e3
#6087e3
rgb(96,135,227)
-
#5984ea
#5984ea
rgb(89,132,234)
-
#5181f2
#5181f2
rgb(81,129,242)
-
#4a7ef9
#4a7ef9
rgb(74,126,249)
Color Blindness Simulator
Below, you can see how #678adc 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.