#678bfa Color Information
In a RGB color space, hex #678bfa is composed of 40.4% red, 54.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 44.4% magenta, 0% yellow and 2% black. It has a hue angle of 225.3 degrees, a saturation of 93.6% and a lightness of 69.2%. #678bfa color hex could be obtained by blending #ceffff with #0017f5. Closest websafe color is: #6699ff.
-
- R 40
- G 55
- B 98
-
- C 59
- M 44
- Y 0
- K 2
● #678bfa color description : Soft blue.
#678bfa Color Conversion
The hexadecimal color #678bfa has RGB values of R:103, G:139, B:250 and CMYK values of C:0.59, M:0.44, Y:0, K:0.02. Its decimal value is 6786042.
Hex triplet | 678bfa | #678bfa |
---|---|---|
RGB Decimal | 103, 139, 250 | rgb(103,139,250) |
RGB Percent | 40.4, 54.5, 98 | rgb(40.4%,54.5%,98%) |
CMYK | 59, 44, 0, 2 | |
HSL | 225.3°, 93.6, 69.2 | hsl(225.3,93.6%,69.2%) |
HSV (or HSB) | 225.3°, 58.8, 98 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 60.113, 20.043, -59.342 |
---|---|
XYZ | 32.078, 28.249, 94.199 |
xyY | 0.208, 0.183, 28.249 |
CIE-LCH | 60.113, 62.636, 288.662 |
CIE-LUV | 60.113, -18.813, -96.924 |
Hunter-Lab | 53.15, 14.718, -67.877 |
Binary | 01100111, 10001011, 11111010 |
Color Schemes with #678bfa
Alternatives to #678bfa
Below, you can see some colors close to #678bfa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#678bfa Preview
This text has a font color of #678bfa.
<span style="color:#678bfa;">Text here</span>
This paragraph has a background color of #678bfa.
<p style="background-color:#678bfa;">Content here</p>
This element has a border color of #678bfa.
<div style="border:1px solid #678bfa;">Content here</div>
.text {color:#678bfa;}
.background {background-color:#678bfa;}
.border {border:1px solid #678bfa;}
Shades and Tints of #678bfa
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, #010513 is the darkest color, while #ffffff is the lightest one.
-
#010513
#010513
rgb(1,5,19)
-
#010a26
#010a26
rgb(1,10,38)
-
#020f39
#020f39
rgb(2,15,57)
-
#02144c
#02144c
rgb(2,20,76)
-
#031a5f
#031a5f
rgb(3,26,95)
-
#041f72
#041f72
rgb(4,31,114)
-
#042485
#042485
rgb(4,36,133)
-
#052998
#052998
rgb(5,41,152)
-
#062eab
#062eab
rgb(6,46,171)
-
#0633be
#0633be
rgb(6,51,190)
-
#0738d1
#0738d1
rgb(7,56,209)
-
#073de4
#073de4
rgb(7,61,228)
-
#0843f7
#0843f7
rgb(8,67,247)
-
#1b51f8
#1b51f8
rgb(27,81,248)
-
#2e60f8
#2e60f8
rgb(46,96,248)
-
#416ef9
#416ef9
rgb(65,110,249)
-
#547df9
#547df9
rgb(84,125,249)
-
#678bfa
#678bfa
rgb(103,139,250)
-
#7a99fb
#7a99fb
rgb(122,153,251)
-
#8da8fb
#8da8fb
rgb(141,168,251)
-
#a0b6fc
#a0b6fc
rgb(160,182,252)
-
#b3c5fc
#b3c5fc
rgb(179,197,252)
-
#c6d3fd
#c6d3fd
rgb(198,211,253)
-
#d9e2fe
#d9e2fe
rgb(217,226,254)
-
#ecf0fe
#ecf0fe
rgb(236,240,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #678bfa
A tone is produced by adding gray to any pure hue. In this case, #afb0b2 is the less saturated color, while #678bfa is the most saturated one.
-
#afb0b2
#afb0b2
rgb(175,176,178)
-
#a9adb8
#a9adb8
rgb(169,173,184)
-
#a3aabe
#a3aabe
rgb(163,170,190)
-
#9da7c4
#9da7c4
rgb(157,167,196)
-
#97a4ca
#97a4ca
rgb(151,164,202)
-
#91a1d0
#91a1d0
rgb(145,161,208)
-
#8b9dd6
#8b9dd6
rgb(139,157,214)
-
#859adc
#859adc
rgb(133,154,220)
-
#7f97e2
#7f97e2
rgb(127,151,226)
-
#7994e8
#7994e8
rgb(121,148,232)
-
#7391ee
#7391ee
rgb(115,145,238)
-
#6d8ef4
#6d8ef4
rgb(109,142,244)
-
#678bfa
#678bfa
rgb(103,139,250)
Color Blindness Simulator
Below, you can see how #678bfa 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.