#5670f4 hex color

In a RGB color space, hex #5670f4 is composed of 33.7% red, 43.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 54.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 230.1 degrees, a saturation of 87.8% and a lightness of 64.7%. #5670f4 color hex could be obtained by blending #ace0ff with #0000e9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 44
- B 96
RGB color chart
- C 65
- M 54
- Y 0
- K 4
CMYK color chart

● #5670f4 color description : Soft blue.

The hexadecimal color #5670f4 has RGB values of R:86, G:112, B:244 and CMYK values of C:0.65, M:0.54, Y:0, K:0.04. Its decimal value is 5665012.

Hex triplet	5670f4	`#5670f4`
RGB Decimal	86, 112, 244	`rgb(86,112,244)`
RGB Percent	33.7, 43.9, 95.7	`rgb(33.7%,43.9%,95.7%)`
CMYK	65, 54, 0, 4
HSL	230.1°, 87.8, 64.7	`hsl(230.1,87.8%,64.7%)`
HSV (or HSB)	230.1°, 64.8, 95.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.947, 31.525, -69.213
XYZ	25.958, 20.097, 88.094
xyY	0.193, 0.15, 20.097
CIE-LCH	51.947, 76.055, 294.488
CIE-LUV	51.947, -15.1, -109.839
Hunter-Lab	44.83, 24.905, -85.129
Binary	01010110, 01110000, 11110100

#5670f4
```
#5670f4 rgb(86,112,244)
```
#f4da56
```
#f4da56 rgb(244,218,86)
```

Complementary Color

#56bff4
```
#56bff4 rgb(86,191,244)
```
#5670f4
```
#5670f4 rgb(86,112,244)
```
#8b56f4
```
#8b56f4 rgb(139,86,244)
```

Analogous Color

#bff456
```
#bff456 rgb(191,244,86)
```
#5670f4
```
#5670f4 rgb(86,112,244)
```
#f48b56
```
#f48b56 rgb(244,139,86)
```

Split Complementary Color

#70f456
```
#70f456 rgb(112,244,86)
```
#5670f4
```
#5670f4 rgb(86,112,244)
```
#f45670
```
#f45670 rgb(244,86,112)
```

Triadic Color

#56f4da
```
#56f4da rgb(86,244,218)
```
#5670f4
```
#5670f4 rgb(86,112,244)
```
#f45670
```
#f45670 rgb(244,86,112)
```
#f4da56
```
#f4da56 rgb(244,218,86)
```

Tetradic Color

#0f34ee
```
#0f34ee rgb(15,52,238)
```
#2647f1
```
#2647f1 rgb(38,71,241)
```
#3e5cf2
```
#3e5cf2 rgb(62,92,242)
```
#5670f4
```
#5670f4 rgb(86,112,244)
```
#6e84f6
```
#6e84f6 rgb(110,132,246)
```
#8699f7
```
#8699f7 rgb(134,153,247)
```
#9eadf9
```
#9eadf9 rgb(158,173,249)
```

Monochromatic Color

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

#5698f4
```
#5698f4 rgb(86,152,244)
```
#568af4
```
#568af4 rgb(86,138,244)
```
#567df4
```
#567df4 rgb(86,125,244)
```
#5670f4
```
#5670f4 rgb(86,112,244)
```
#5663f4
```
#5663f4 rgb(86,99,244)
```
#5656f4
```
#5656f4 rgb(86,86,244)
```
#6456f4
```
#6456f4 rgb(100,86,244)
```

Similar Colors

Text with hexadecimal color #5670f4

This text has a font color of #5670f4.

<span style="color:#5670f4;">Text here</span>

#5670f4 background color

This paragraph has a background color of #5670f4.

<p style="background-color:#5670f4;">Content here</p>

#5670f4 border color

This element has a border color of #5670f4.

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

CSS codes

.text {color:#5670f4;}

.background {background-color:#5670f4;}

.border {border:1px solid #5670f4;}

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, #01030f is the darkest color, while #fcfcff is the lightest one.

#01030f
```
#01030f rgb(1,3,15)
```
#020722
```
#020722 rgb(2,7,34)
```
#030b34
```
#030b34 rgb(3,11,52)
```
#050f46
```
#050f46 rgb(5,15,70)
```
#061359
```
#061359 rgb(6,19,89)
```
#07176b
```
#07176b rgb(7,23,107)
```
#081c7e
```
#081c7e rgb(8,28,126)
```
#092090
```
#092090 rgb(9,32,144)
```
#0b24a3
```
#0b24a3 rgb(11,36,163)
```
#0c28b5
```
#0c28b5 rgb(12,40,181)
```
#0d2cc7
```
#0d2cc7 rgb(13,44,199)
```
#0e30da
```
#0e30da rgb(14,48,218)
```
#0f34ec
```
#0f34ec rgb(15,52,236)
```

Shade Color Variation

#1f41f0
```
#1f41f0 rgb(31,65,240)
```
#3151f2
```
#3151f2 rgb(49,81,242)
```
#4460f3
```
#4460f3 rgb(68,96,243)
```
#5670f4
```
#5670f4 rgb(86,112,244)
```
#6880f5
```
#6880f5 rgb(104,128,245)
```
#7b8ff6
```
#7b8ff6 rgb(123,143,246)
```
#8d9ff8
```
#8d9ff8 rgb(141,159,248)
```
#a0aef9
```
#a0aef9 rgb(160,174,249)
```
#b2befa
```
#b2befa rgb(178,190,250)
```
#c5cefb
```
#c5cefb rgb(197,206,251)
```
#d7ddfc
```
#d7ddfc rgb(215,221,252)
```
#e9edfe
```
#e9edfe rgb(233,237,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#a2a3a8
```
#a2a3a8 rgb(162,163,168)
```
#9b9eaf
```
#9b9eaf rgb(155,158,175)
```
#949ab6
```
#949ab6 rgb(148,154,182)
```
#8d95bd
```
#8d95bd rgb(141,149,189)
```
#8691c4
```
#8691c4 rgb(134,145,196)
```
#808cca
```
#808cca rgb(128,140,202)
```
#7987d1
```
#7987d1 rgb(121,135,209)
```
#7283d8
```
#7283d8 rgb(114,131,216)
```
#6b7edf
```
#6b7edf rgb(107,126,223)
```
#6479e6
```
#6479e6 rgb(100,121,230)
```
#5d75ed
```
#5d75ed rgb(93,117,237)
```
#5670f4
```
#5670f4 rgb(86,112,244)
```
#4f6bfb
```
#4f6bfb rgb(79,107,251)
```

Tone Color Variation

Below, you can see how #5670f4 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

#777777 Achromatopsia 0.005% of the population
#707690 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef8 Protanopia 1% of men
#0085da Deuteranopia 1% of men
#008f99 Tritanopia 0.001% of the population

Trichromacy

#1f79f6 Protanomaly 1% of men, 0.01% of women
#1f7de3 Deuteranomaly 6% of men, 0.4% of women
#1f83ba Tritanomaly 0.01% of the population

#5670f4 hex color

#5670f4 Color Information

#5670f4 Color Conversion

Color Schemes with #5670f4

Alternatives to #5670f4

#5670f4 Preview

Shades and Tints of #5670f4

Tones of #5670f4

Color Blindness Simulator