#5670c7 hex color

In a RGB color space, hex #5670c7 is composed of 33.7% red, 43.9% green and 78% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 43.7% magenta, 0% yellow and 22% black. It has a hue angle of 226.2 degrees, a saturation of 50.2% and a lightness of 55.9%. #5670c7 color hex could be obtained by blending #ace0ff with #00008f. 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

● #5670c7 color description : Moderate blue.

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

Hex triplet	5670c7	`#5670c7`
RGB Decimal	86, 112, 199	`rgb(86,112,199)`
RGB Percent	33.7, 43.9, 78	`rgb(33.7%,43.9%,78%)`
CMYK	57, 44, 0, 22
HSL	226.2°, 50.2, 55.9	`hsl(226.2,50.2%,55.9%)`
HSV (or HSB)	226.2°, 56.8, 78
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.117, 16.413, -48.344
XYZ	19.939, 17.689, 56.393
xyY	0.212, 0.188, 17.689
CIE-LCH	49.117, 51.054, 288.753
CIE-LUV	49.117, -14.269, -75.359
Hunter-Lab	42.059, 11.018, -50.057
Binary	01010110, 01110000, 11000111

#5670c7
```
#5670c7 rgb(86,112,199)
```
#c7ad56
```
#c7ad56 rgb(199,173,86)
```

Complementary Color

#56a9c7
```
#56a9c7 rgb(86,169,199)
```
#5670c7
```
#5670c7 rgb(86,112,199)
```
#7556c7
```
#7556c7 rgb(117,86,199)
```

Analogous Color

#a9c756
```
#a9c756 rgb(169,199,86)
```
#5670c7
```
#5670c7 rgb(86,112,199)
```
#c77556
```
#c77556 rgb(199,117,86)
```

Split Complementary Color

#70c756
```
#70c756 rgb(112,199,86)
```
#5670c7
```
#5670c7 rgb(86,112,199)
```
#c75670
```
#c75670 rgb(199,86,112)
```

Triadic Color

#56c7ad
```
#56c7ad rgb(86,199,173)
```
#5670c7
```
#5670c7 rgb(86,112,199)
```
#c75670
```
#c75670 rgb(199,86,112)
```
#c7ad56
```
#c7ad56 rgb(199,173,86)
```

Tetradic Color

#344c9d
```
#344c9d rgb(52,76,157)
```
#3a55b0
```
#3a55b0 rgb(58,85,176)
```
#4360c1
```
#4360c1 rgb(67,96,193)
```
#5670c7
```
#5670c7 rgb(86,112,199)
```
#6980cd
```
#6980cd rgb(105,128,205)
```
#7c90d4
```
#7c90d4 rgb(124,144,212)
```
#8fa1da
```
#8fa1da rgb(143,161,218)
```

Monochromatic Color

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

#568cc7
```
#568cc7 rgb(86,140,199)
```
#5683c7
```
#5683c7 rgb(86,131,199)
```
#5679c7
```
#5679c7 rgb(86,121,199)
```
#5670c7
```
#5670c7 rgb(86,112,199)
```
#5667c7
```
#5667c7 rgb(86,103,199)
```
#565dc7
```
#565dc7 rgb(86,93,199)
```
#5856c7
```
#5856c7 rgb(88,86,199)
```

Similar Colors

Text with hexadecimal color #5670c7

This text has a font color of #5670c7.

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

#5670c7 background color

This paragraph has a background color of #5670c7.

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

#5670c7 border color

This element has a border color of #5670c7.

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

CSS codes

.text {color:#5670c7;}

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

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

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

#030408
```
#030408 rgb(3,4,8)
```
#070b17
```
#070b17 rgb(7,11,23)
```
#0c1225
```
#0c1225 rgb(12,18,37)
```
#111934
```
#111934 rgb(17,25,52)
```
#162043
```
#162043 rgb(22,32,67)
```
#1b2851
```
#1b2851 rgb(27,40,81)
```
#202f60
```
#202f60 rgb(32,47,96)
```
#25366f
```
#25366f rgb(37,54,111)
```
#2a3d7e
```
#2a3d7e rgb(42,61,126)
```
#2f448c
```
#2f448c rgb(47,68,140)
```
#334b9b
```
#334b9b rgb(51,75,155)
```
#3852aa
```
#3852aa rgb(56,82,170)
```
#3d5ab9
```
#3d5ab9 rgb(61,90,185)
```

Shade Color Variation

#4764c2
```
#4764c2 rgb(71,100,194)
```
#5670c7
```
#5670c7 rgb(86,112,199)
```
#657ccc
```
#657ccc rgb(101,124,204)
```
#7389d1
```
#7389d1 rgb(115,137,209)
```
#8295d6
```
#8295d6 rgb(130,149,214)
```
#91a2db
```
#91a2db rgb(145,162,219)
```
#a0aedf
```
#a0aedf rgb(160,174,223)
```
#aebbe4
```
#aebbe4 rgb(174,187,228)
```
#bdc7e9
```
#bdc7e9 rgb(189,199,233)
```
#ccd4ee
```
#ccd4ee rgb(204,212,238)
```
#dbe0f3
```
#dbe0f3 rgb(219,224,243)
```
#e9edf8
```
#e9edf8 rgb(233,237,248)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

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

#8a8c93
```
#8a8c93 rgb(138,140,147)
```
#81879c
```
#81879c rgb(129,135,156)
```
#7983a4
```
#7983a4 rgb(121,131,164)
```
#707ead
```
#707ead rgb(112,126,173)
```
#6779b6
```
#6779b6 rgb(103,121,182)
```
#5f75be
```
#5f75be rgb(95,117,190)
```
#5670c7
```
#5670c7 rgb(86,112,199)
```
#4d6bd0
```
#4d6bd0 rgb(77,107,208)
```
#4567d8
```
#4567d8 rgb(69,103,216)
```
#3c62e1
```
#3c62e1 rgb(60,98,225)
```
#335dea
```
#335dea rgb(51,93,234)
```
#2b59f2
```
#2b59f2 rgb(43,89,242)
```
#2254fb
```
#2254fb rgb(34,84,251)
```

Tone Color Variation

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

#5479cb Protanopia 1% of men
#3f7dc7 Deuteranopia 1% of men
#40858f Tritanopia 0.001% of the population

Trichromacy

#5475c9 Protanomaly 1% of men, 0.01% of women
#4778c7 Deuteranomaly 6% of men, 0.4% of women
#487da3 Tritanomaly 0.01% of the population

#5670c7 hex color

#5670c7 Color Information

#5670c7 Color Conversion

Color Schemes with #5670c7

Alternatives to #5670c7

#5670c7 Preview

Shades and Tints of #5670c7

Tones of #5670c7

Color Blindness Simulator