#678df2 Color Information
In a RGB color space, hex #678df2 is composed of 40.4% red, 55.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 41.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 223.6 degrees, a saturation of 84.2% and a lightness of 67.6%. #678df2 color hex could be obtained by blending #ceffff with #001be5. Closest websafe color is: #6699ff.
-
- R 40
- G 55
- B 95
-
- C 57
- M 42
- Y 0
- K 5
● #678df2 color description : Soft blue.
#678df2 Color Conversion
The hexadecimal color #678df2 has RGB values of R:103, G:141, B:242 and CMYK values of C:0.57, M:0.42, Y:0, K:0.05. Its decimal value is 6786546.
Hex triplet | 678df2 | #678df2 |
---|---|---|
RGB Decimal | 103, 141, 242 | rgb(103,141,242) |
RGB Percent | 40.4, 55.3, 94.9 | rgb(40.4%,55.3%,94.9%) |
CMYK | 57, 42, 0, 5 | |
HSL | 223.6°, 84.2, 67.6 | hsl(223.6,84.2%,67.6%) |
HSV (or HSB) | 223.6°, 57.4, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 60.197, 16.263, -54.802 |
---|---|
XYZ | 31.142, 28.342, 87.829 |
xyY | 0.211, 0.192, 28.342 |
CIE-LCH | 60.197, 57.164, 286.529 |
CIE-LUV | 60.197, -19.386, -89.165 |
Hunter-Lab | 53.238, 11.25, -60.548 |
Binary | 01100111, 10001101, 11110010 |
Color Schemes with #678df2
Alternatives to #678df2
Below, you can see some colors close to #678df2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#678df2 Preview
This text has a font color of #678df2.
<span style="color:#678df2;">Text here</span>
This paragraph has a background color of #678df2.
<p style="background-color:#678df2;">Content here</p>
This element has a border color of #678df2.
<div style="border:1px solid #678df2;">Content here</div>
.text {color:#678df2;}
.background {background-color:#678df2;}
.border {border:1px solid #678df2;}
Shades and Tints of #678df2
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, #01040b is the darkest color, while #f8f9fe is the lightest one.
-
#01040b
#01040b
rgb(1,4,11)
-
#020a1d
#020a1d
rgb(2,10,29)
-
#04102f
#04102f
rgb(4,16,47)
-
#061641
#061641
rgb(6,22,65)
-
#071c53
#071c53
rgb(7,28,83)
-
#092265
#092265
rgb(9,34,101)
-
#0a2877
#0a2877
rgb(10,40,119)
-
#0c2e89
#0c2e89
rgb(12,46,137)
-
#0d349b
#0d349b
rgb(13,52,155)
-
#0f3aad
#0f3aad
rgb(15,58,173)
-
#1040bf
#1040bf
rgb(16,64,191)
-
#1246d1
#1246d1
rgb(18,70,209)
-
#134ce3
#134ce3
rgb(19,76,227)
-
#1f57ec
#1f57ec
rgb(31,87,236)
-
#3164ed
#3164ed
rgb(49,100,237)
-
#4372ef
#4372ef
rgb(67,114,239)
-
#557ff0
#557ff0
rgb(85,127,240)
-
#678df2
#678df2
rgb(103,141,242)
-
#799bf4
#799bf4
rgb(121,155,244)
-
#8ba8f5
#8ba8f5
rgb(139,168,245)
-
#9db6f7
#9db6f7
rgb(157,182,247)
-
#afc3f8
#afc3f8
rgb(175,195,248)
-
#c1d1fa
#c1d1fa
rgb(193,209,250)
-
#d3defb
#d3defb
rgb(211,222,251)
-
#e5ecfd
#e5ecfd
rgb(229,236,253)
-
#f8f9fe
#f8f9fe
rgb(248,249,254)
Tones of #678df2
A tone is produced by adding gray to any pure hue. In this case, #a6aab3 is the less saturated color, while #5a87ff is the most saturated one.
-
#a6aab3
#a6aab3
rgb(166,170,179)
-
#a0a7b9
#a0a7b9
rgb(160,167,185)
-
#9aa4bf
#9aa4bf
rgb(154,164,191)
-
#93a1c6
#93a1c6
rgb(147,161,198)
-
#8d9ecc
#8d9ecc
rgb(141,158,204)
-
#879bd2
#879bd2
rgb(135,155,210)
-
#8099d9
#8099d9
rgb(128,153,217)
-
#7a96df
#7a96df
rgb(122,150,223)
-
#7493e5
#7493e5
rgb(116,147,229)
-
#6d90ec
#6d90ec
rgb(109,144,236)
-
#678df2
#678df2
rgb(103,141,242)
-
#618af8
#618af8
rgb(97,138,248)
-
#5a87ff
#5a87ff
rgb(90,135,255)
Color Blindness Simulator
Below, you can see how #678df2 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.