#5678fe hex color

In a RGB color space, hex #5678fe is composed of 33.7% red, 47.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 52.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 227.9 degrees, a saturation of 98.8% and a lightness of 66.7%. #5678fe color hex could be obtained by blending #acf0ff with #0000fd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 47
- B 100
RGB color chart
- C 66
- M 53
- Y 0
- K 0
CMYK color chart

● #5678fe color description : Soft blue.

The hexadecimal color #5678fe has RGB values of R:86, G:120, B:254 and CMYK values of C:0.66, M:0.53, Y:0, K:0. Its decimal value is 5667070.

Hex triplet	5678fe	`#5678fe`
RGB Decimal	86, 120, 254	`rgb(86,120,254)`
RGB Percent	33.7, 47.1, 99.6	`rgb(33.7%,47.1%,99.6%)`
CMYK	66, 53, 0, 0
HSL	227.9°, 98.8, 66.7	`hsl(227.9,98.8%,66.7%)`
HSV (or HSB)	227.9°, 66.1, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.622, 30.021, -70.427
XYZ	28.44, 22.565, 96.617
xyY	0.193, 0.153, 22.565
CIE-LCH	54.622, 76.559, 293.087
CIE-LUV	54.622, -17.489, -112.984
Hunter-Lab	47.503, 23.737, -87.339
Binary	01010110, 01111000, 11111110

#5678fe
```
#5678fe rgb(86,120,254)
```
#fedc56
```
#fedc56 rgb(254,220,86)
```

Complementary Color

#56ccfe
```
#56ccfe rgb(86,204,254)
```
#5678fe
```
#5678fe rgb(86,120,254)
```
#8856fe
```
#8856fe rgb(136,86,254)
```

Analogous Color

#ccfe56
```
#ccfe56 rgb(204,254,86)
```
#5678fe
```
#5678fe rgb(86,120,254)
```
#fe8856
```
#fe8856 rgb(254,136,86)
```

Split Complementary Color

#78fe56
```
#78fe56 rgb(120,254,86)
```
#5678fe
```
#5678fe rgb(86,120,254)
```
#fe5678
```
#fe5678 rgb(254,86,120)
```

Triadic Color

#56fedc
```
#56fedc rgb(86,254,220)
```
#5678fe
```
#5678fe rgb(86,120,254)
```
#fe5678
```
#fe5678 rgb(254,86,120)
```
#fedc56
```
#fedc56 rgb(254,220,86)
```

Tetradic Color

#0a3bfe
```
#0a3bfe rgb(10,59,254)
```
#234ffe
```
#234ffe rgb(35,79,254)
```
#3d64fe
```
#3d64fe rgb(61,100,254)
```
#5678fe
```
#5678fe rgb(86,120,254)
```
#6f8cfe
```
#6f8cfe rgb(111,140,254)
```
#89a1fe
```
#89a1fe rgb(137,161,254)
```
#a2b5fe
```
#a2b5fe rgb(162,181,254)
```

Monochromatic Color

Below, you can see some colors close to #5678fe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#56a2fe
```
#56a2fe rgb(86,162,254)
```
#5694fe
```
#5694fe rgb(86,148,254)
```
#5686fe
```
#5686fe rgb(86,134,254)
```
#5678fe
```
#5678fe rgb(86,120,254)
```
#566afe
```
#566afe rgb(86,106,254)
```
#565cfe
```
#565cfe rgb(86,92,254)
```
#5e56fe
```
#5e56fe rgb(94,86,254)
```

Similar Colors

Text with hexadecimal color #5678fe

This text has a font color of #5678fe.

<span style="color:#5678fe;">Text here</span>

#5678fe background color

This paragraph has a background color of #5678fe.

<p style="background-color:#5678fe;">Content here</p>

#5678fe border color

This element has a border color of #5678fe.

<div style="border:1px solid #5678fe;">Content here</div>

CSS codes

.text {color:#5678fe;}

.background {background-color:#5678fe;}

.border {border:1px solid #5678fe;}

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, #000106 is the darkest color, while #f2f5ff is the lightest one.

#000106
```
#000106 rgb(0,1,6)
```
#00051a
```
#00051a rgb(0,5,26)
```
#00092e
```
#00092e rgb(0,9,46)
```
#000d41
```
#000d41 rgb(0,13,65)
```
#001155
```
#001155 rgb(0,17,85)
```
#011668
```
#011668 rgb(1,22,104)
```
#011a7c
```
#011a7c rgb(1,26,124)
```
#011e8f
```
#011e8f rgb(1,30,143)
```
#0122a3
```
#0122a3 rgb(1,34,163)
```
#0126b6
```
#0126b6 rgb(1,38,182)
```
#012aca
```
#012aca rgb(1,42,202)
```
#012edd
```
#012edd rgb(1,46,221)
```
#0132f1
```
#0132f1 rgb(1,50,241)
```

Shade Color Variation

#083afe
```
#083afe rgb(8,58,254)
```
#1c49fe
```
#1c49fe rgb(28,73,254)
```
#2f59fe
```
#2f59fe rgb(47,89,254)
```
#4368fe
```
#4368fe rgb(67,104,254)
```
#5678fe
```
#5678fe rgb(86,120,254)
```
#6a88fe
```
#6a88fe rgb(106,136,254)
```
#7d97fe
```
#7d97fe rgb(125,151,254)
```
#91a7fe
```
#91a7fe rgb(145,167,254)
```
#a4b6fe
```
#a4b6fe rgb(164,182,254)
```
#b8c6ff
```
#b8c6ff rgb(184,198,255)
```
#cbd5ff
```
#cbd5ff rgb(203,213,255)
```
#dfe5ff
```
#dfe5ff rgb(223,229,255)
```
#f2f5ff
```
#f2f5ff rgb(242,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a4a7b0 is the less saturated color, while #5678fe is the most saturated one.

#a4a7b0
```
#a4a7b0 rgb(164,167,176)
```
#9ea3b6
```
#9ea3b6 rgb(158,163,182)
```
#979fbd
```
#979fbd rgb(151,159,189)
```
#919bc3
```
#919bc3 rgb(145,155,195)
```
#8a97ca
```
#8a97ca rgb(138,151,202)
```
#8493d0
```
#8493d0 rgb(132,147,208)
```
#7d8fd7
```
#7d8fd7 rgb(125,143,215)
```
#778bdd
```
#778bdd rgb(119,139,221)
```
#7088e4
```
#7088e4 rgb(112,136,228)
```
#6a84ea
```
#6a84ea rgb(106,132,234)
```
#6380f1
```
#6380f1 rgb(99,128,241)
```
#5d7cf7
```
#5d7cf7 rgb(93,124,247)
```
#5678fe
```
#5678fe rgb(86,120,254)
```

Tone Color Variation

Below, you can see how #5678fe 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.

Monochromacy

#7d7d7d Achromatopsia 0.005% of the population
#757c97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d85ff Protanopia 1% of men
#008be5 Deuteranopia 1% of men
#0096a0 Tritanopia 0.001% of the population

Trichromacy

#3b80fe Protanomaly 1% of men, 0.01% of women
#1f84ee Deuteranomaly 6% of men, 0.4% of women
#1f8bc2 Tritanomaly 0.01% of the population

#5678fe hex color

#5678fe Color Information

#5678fe Color Conversion

Color Schemes with #5678fe

Alternatives to #5678fe

#5678fe Preview

Shades and Tints of #5678fe

Tones of #5678fe

Color Blindness Simulator