#5670c8 hex color

In a RGB color space, hex #5670c8 is composed of 33.7% red, 43.9% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 44% magenta, 0% yellow and 21.6% black. It has a hue angle of 226.3 degrees, a saturation of 50.9% and a lightness of 56.1%. #5670c8 color hex could be obtained by blending #ace0ff with #000091. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 44
- B 78
RGB color chart
- C 57
- M 44
- Y 0
- K 22
CMYK color chart

● #5670c8 color description : Moderate blue.

The hexadecimal color #5670c8 has RGB values of R:86, G:112, B:200 and CMYK values of C:0.57, M:0.44, Y:0, K:0.22. Its decimal value is 5664968.

Hex triplet	5670c8	`#5670c8`
RGB Decimal	86, 112, 200	`rgb(86,112,200)`
RGB Percent	33.7, 43.9, 78.4	`rgb(33.7%,43.9%,78.4%)`
CMYK	57, 44, 0, 22
HSL	226.3°, 50.9, 56.1	`hsl(226.3,50.9%,56.1%)`
HSV (or HSB)	226.3°, 57, 78.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.174, 16.744, -48.826
XYZ	20.055, 17.736, 57.007
xyY	0.212, 0.187, 17.736
CIE-LCH	49.174, 51.617, 288.929
CIE-LUV	49.174, -14.286, -76.161
Hunter-Lab	42.114, 11.304, -50.777
Binary	01010110, 01110000, 11001000

#5670c8
```
#5670c8 rgb(86,112,200)
```
#c8ae56
```
#c8ae56 rgb(200,174,86)
```

Complementary Color

#56a9c8
```
#56a9c8 rgb(86,169,200)
```
#5670c8
```
#5670c8 rgb(86,112,200)
```
#7556c8
```
#7556c8 rgb(117,86,200)
```

Analogous Color

#a9c856
```
#a9c856 rgb(169,200,86)
```
#5670c8
```
#5670c8 rgb(86,112,200)
```
#c87556
```
#c87556 rgb(200,117,86)
```

Split Complementary Color

#70c856
```
#70c856 rgb(112,200,86)
```
#5670c8
```
#5670c8 rgb(86,112,200)
```
#c85670
```
#c85670 rgb(200,86,112)
```

Triadic Color

#56c8ae
```
#56c8ae rgb(86,200,174)
```
#5670c8
```
#5670c8 rgb(86,112,200)
```
#c85670
```
#c85670 rgb(200,86,112)
```
#c8ae56
```
#c8ae56 rgb(200,174,86)
```

Tetradic Color

#334c9e
```
#334c9e rgb(51,76,158)
```
#3a55b1
```
#3a55b1 rgb(58,85,177)
```
#4360c2
```
#4360c2 rgb(67,96,194)
```
#5670c8
```
#5670c8 rgb(86,112,200)
```
#6980ce
```
#6980ce rgb(105,128,206)
```
#7c91d5
```
#7c91d5 rgb(124,145,213)
```
#90a1db
```
#90a1db rgb(144,161,219)
```

Monochromatic Color

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

#568dc8
```
#568dc8 rgb(86,141,200)
```
#5683c8
```
#5683c8 rgb(86,131,200)
```
#567ac8
```
#567ac8 rgb(86,122,200)
```
#5670c8
```
#5670c8 rgb(86,112,200)
```
#5667c8
```
#5667c8 rgb(86,103,200)
```
#565dc8
```
#565dc8 rgb(86,93,200)
```
#5956c8
```
#5956c8 rgb(89,86,200)
```

Similar Colors

Text with hexadecimal color #5670c8

This text has a font color of #5670c8.

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

#5670c8 background color

This paragraph has a background color of #5670c8.

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

#5670c8 border color

This element has a border color of #5670c8.

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

CSS codes

.text {color:#5670c8;}

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

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

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

#030409
```
#030409 rgb(3,4,9)
```
#080b17
```
#080b17 rgb(8,11,23)
```
#0c1226
```
#0c1226 rgb(12,18,38)
```
#111935
```
#111935 rgb(17,25,53)
```
#162044
```
#162044 rgb(22,32,68)
```
#1b2853
```
#1b2853 rgb(27,40,83)
```
#202f61
```
#202f61 rgb(32,47,97)
```
#253670
```
#253670 rgb(37,54,112)
```
#293d7f
```
#293d7f rgb(41,61,127)
```
#2e448e
```
#2e448e rgb(46,68,142)
```
#334b9d
```
#334b9d rgb(51,75,157)
```
#3852ab
```
#3852ab rgb(56,82,171)
```
#3d59ba
```
#3d59ba rgb(61,89,186)
```

Shade Color Variation

#4763c3
```
#4763c3 rgb(71,99,195)
```
#5670c8
```
#5670c8 rgb(86,112,200)
```
#657dcd
```
#657dcd rgb(101,125,205)
```
#7489d2
```
#7489d2 rgb(116,137,210)
```
#8296d6
```
#8296d6 rgb(130,150,214)
```
#91a2db
```
#91a2db rgb(145,162,219)
```
#a0afe0
```
#a0afe0 rgb(160,175,224)
```
#afbbe5
```
#afbbe5 rgb(175,187,229)
```
#bec8ea
```
#bec8ea rgb(190,200,234)
```
#ccd4ef
```
#ccd4ef rgb(204,212,239)
```
#dbe1f3
```
#dbe1f3 rgb(219,225,243)
```
#eaedf8
```
#eaedf8 rgb(234,237,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8c94 is the less saturated color, while #2254fc is the most saturated one.

#8a8c94
```
#8a8c94 rgb(138,140,148)
```
#81879d
```
#81879d rgb(129,135,157)
```
#7883a6
```
#7883a6 rgb(120,131,166)
```
#707eae
```
#707eae rgb(112,126,174)
```
#6779b7
```
#6779b7 rgb(103,121,183)
```
#5f75bf
```
#5f75bf rgb(95,117,191)
```
#5670c8
```
#5670c8 rgb(86,112,200)
```
#4d6bd1
```
#4d6bd1 rgb(77,107,209)
```
#4567d9
```
#4567d9 rgb(69,103,217)
```
#3c62e2
```
#3c62e2 rgb(60,98,226)
```
#345dea
```
#345dea rgb(52,93,234)
```
#2b59f3
```
#2b59f3 rgb(43,89,243)
```
#2254fc
```
#2254fc rgb(34,84,252)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6c7283 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5379cc Protanopia 1% of men
#3d7dc8 Deuteranopia 1% of men
#3f858f Tritanopia 0.001% of the population

Trichromacy

#5475ca Protanomaly 1% of men, 0.01% of women
#4678c8 Deuteranomaly 6% of men, 0.4% of women
#477da3 Tritanomaly 0.01% of the population

#5670c8 hex color

#5670c8 Color Information

#5670c8 Color Conversion

Color Schemes with #5670c8

Alternatives to #5670c8

#5670c8 Preview

Shades and Tints of #5670c8

Tones of #5670c8

Color Blindness Simulator