#5668c5 hex color

In a RGB color space, hex #5668c5 is composed of 33.7% red, 40.8% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 47.2% magenta, 0% yellow and 22.7% black. It has a hue angle of 230.3 degrees, a saturation of 48.9% and a lightness of 55.5%. #5668c5 color hex could be obtained by blending #acd0ff with #00008b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 41
- B 77
RGB color chart
- C 56
- M 47
- Y 0
- K 23
CMYK color chart

● #5668c5 color description : Moderate blue.

The hexadecimal color #5668c5 has RGB values of R:86, G:104, B:197 and CMYK values of C:0.56, M:0.47, Y:0, K:0.23. Its decimal value is 5662917.

Hex triplet	5668c5	`#5668c5`
RGB Decimal	86, 104, 197	`rgb(86,104,197)`
RGB Percent	33.7, 40.8, 77.3	`rgb(33.7%,40.8%,77.3%)`
CMYK	56, 47, 0, 23
HSL	230.3°, 48.9, 55.5	`hsl(230.3,48.9%,55.5%)`
HSV (or HSB)	230.3°, 56.3, 77.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.855, 20.726, -50.81
XYZ	18.864, 15.909, 54.897
xyY	0.21, 0.177, 15.909
CIE-LCH	46.855, 54.875, 292.191
CIE-LUV	46.855, -11.645, -78.695
Hunter-Lab	39.887, 14.618, -53.682
Binary	01010110, 01101000, 11000101

#5668c5
```
#5668c5 rgb(86,104,197)
```
#c5b356
```
#c5b356 rgb(197,179,86)
```

Complementary Color

#56a0c5
```
#56a0c5 rgb(86,160,197)
```
#5668c5
```
#5668c5 rgb(86,104,197)
```
#7c56c5
```
#7c56c5 rgb(124,86,197)
```

Analogous Color

#a0c556
```
#a0c556 rgb(160,197,86)
```
#5668c5
```
#5668c5 rgb(86,104,197)
```
#c57c56
```
#c57c56 rgb(197,124,86)
```

Split Complementary Color

#68c556
```
#68c556 rgb(104,197,86)
```
#5668c5
```
#5668c5 rgb(86,104,197)
```
#c55668
```
#c55668 rgb(197,86,104)
```

Triadic Color

#56c5b3
```
#56c5b3 rgb(86,197,179)
```
#5668c5
```
#5668c5 rgb(86,104,197)
```
#c55668
```
#c55668 rgb(197,86,104)
```
#c5b356
```
#c5b356 rgb(197,179,86)
```

Tetradic Color

#35459a
```
#35459a rgb(53,69,154)
```
#3b4ead
```
#3b4ead rgb(59,78,173)
```
#4357be
```
#4357be rgb(67,87,190)
```
#5668c5
```
#5668c5 rgb(86,104,197)
```
#6979cc
```
#6979cc rgb(105,121,204)
```
#7c8ad2
```
#7c8ad2 rgb(124,138,210)
```
#8f9bd9
```
#8f9bd9 rgb(143,155,217)
```

Monochromatic Color

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

#5684c5
```
#5684c5 rgb(86,132,197)
```
#567bc5
```
#567bc5 rgb(86,123,197)
```
#5671c5
```
#5671c5 rgb(86,113,197)
```
#5668c5
```
#5668c5 rgb(86,104,197)
```
#565fc5
```
#565fc5 rgb(86,95,197)
```
#5656c5
```
#5656c5 rgb(86,86,197)
```
#6056c5
```
#6056c5 rgb(96,86,197)
```

Similar Colors

Text with hexadecimal color #5668c5

This text has a font color of #5668c5.

<span style="color:#5668c5;">Text here</span>

#5668c5 background color

This paragraph has a background color of #5668c5.

<p style="background-color:#5668c5;">Content here</p>

#5668c5 border color

This element has a border color of #5668c5.

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

CSS codes

.text {color:#5668c5;}

.background {background-color:#5668c5;}

.border {border:1px solid #5668c5;}

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

#020306
```
#020306 rgb(2,3,6)
```
#070915
```
#070915 rgb(7,9,21)
```
#0c1023
```
#0c1023 rgb(12,16,35)
```
#111732
```
#111732 rgb(17,23,50)
```
#161d41
```
#161d41 rgb(22,29,65)
```
#1b244f
```
#1b244f rgb(27,36,79)
```
#202a5e
```
#202a5e rgb(32,42,94)
```
#25316c
```
#25316c rgb(37,49,108)
```
#2a377b
```
#2a377b rgb(42,55,123)
```
#2f3e8a
```
#2f3e8a rgb(47,62,138)
```
#344498
```
#344498 rgb(52,68,152)
```
#394ba7
```
#394ba7 rgb(57,75,167)
```
#3e52b5
```
#3e52b5 rgb(62,82,181)
```

Shade Color Variation

#475bc0
```
#475bc0 rgb(71,91,192)
```
#5668c5
```
#5668c5 rgb(86,104,197)
```
#6575ca
```
#6575ca rgb(101,117,202)
```
#7382cf
```
#7382cf rgb(115,130,207)
```
#828fd4
```
#828fd4 rgb(130,143,212)
```
#909cd9
```
#909cd9 rgb(144,156,217)
```
#9fa9de
```
#9fa9de rgb(159,169,222)
```
#aeb6e3
```
#aeb6e3 rgb(174,182,227)
```
#bcc3e8
```
#bcc3e8 rgb(188,195,232)
```
#cbd0ed
```
#cbd0ed rgb(203,208,237)
```
#d9ddf2
```
#d9ddf2 rgb(217,221,242)
```
#e8eaf7
```
#e8eaf7 rgb(232,234,247)
```
#f7f8fc
```
#f7f8fc rgb(247,248,252)
```

Tint Color Variation

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

#8a8b91
```
#8a8b91 rgb(138,139,145)
```
#828599
```
#828599 rgb(130,133,153)
```
#7980a2
```
#7980a2 rgb(121,128,162)
```
#707aab
```
#707aab rgb(112,122,171)
```
#6774b4
```
#6774b4 rgb(103,116,180)
```
#5f6ebc
```
#5f6ebc rgb(95,110,188)
```
#5668c5
```
#5668c5 rgb(86,104,197)
```
#4d62ce
```
#4d62ce rgb(77,98,206)
```
#455cd6
```
#455cd6 rgb(69,92,214)
```
#3c56df
```
#3c56df rgb(60,86,223)
```
#3350e8
```
#3350e8 rgb(51,80,232)
```
#2a4bf1
```
#2a4bf1 rgb(42,75,241)
```
#2245f9
```
#2245f9 rgb(34,69,249)
```

Tone Color Variation

Below, you can see how #5668c5 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

#6d6d6d Achromatopsia 0.005% of the population
#686c7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4673cb Protanopia 1% of men
#2b78c4 Deuteranopia 1% of men
#3e7f88 Tritanopia 0.001% of the population

Trichromacy

#4c6fc9 Protanomaly 1% of men, 0.01% of women
#3b72c4 Deuteranomaly 6% of men, 0.4% of women
#47769e Tritanomaly 0.01% of the population

#5668c5 hex color

#5668c5 Color Information

#5668c5 Color Conversion

Color Schemes with #5668c5

Alternatives to #5668c5

#5668c5 Preview

Shades and Tints of #5668c5

Tones of #5668c5

Color Blindness Simulator