#5664cc hex color

In a RGB color space, hex #5664cc is composed of 33.7% red, 39.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 51% magenta, 0% yellow and 20% black. It has a hue angle of 232.9 degrees, a saturation of 53.6% and a lightness of 56.9%. #5664cc color hex could be obtained by blending #acc8ff with #000099. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 39
- B 80
RGB color chart
- C 58
- M 51
- Y 0
- K 20
CMYK color chart

● #5664cc color description : Moderate blue.

The hexadecimal color #5664cc has RGB values of R:86, G:100, B:204 and CMYK values of C:0.58, M:0.51, Y:0, K:0.2. Its decimal value is 5661900.

Hex triplet	5664cc	`#5664cc`
RGB Decimal	86, 100, 204	`rgb(86,100,204)`
RGB Percent	33.7, 39.2, 80	`rgb(33.7%,39.2%,80%)`
CMYK	58, 51, 0, 20
HSL	232.9°, 53.6, 56.9	`hsl(232.9,53.6%,56.9%)`
HSV (or HSB)	232.9°, 57.8, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.247, 25.539, -55.813
XYZ	19.292, 15.452, 59.089
xyY	0.206, 0.165, 15.452
CIE-LCH	46.247, 61.378, 294.588
CIE-LUV	46.247, -10.631, -86.377
Hunter-Lab	39.308, 18.814, -61.61
Binary	01010110, 01100100, 11001100

#5664cc
```
#5664cc rgb(86,100,204)
```
#ccbe56
```
#ccbe56 rgb(204,190,86)
```

Complementary Color

#569fcc
```
#569fcc rgb(86,159,204)
```
#5664cc
```
#5664cc rgb(86,100,204)
```
#8356cc
```
#8356cc rgb(131,86,204)
```

Analogous Color

#9fcc56
```
#9fcc56 rgb(159,204,86)
```
#5664cc
```
#5664cc rgb(86,100,204)
```
#cc8356
```
#cc8356 rgb(204,131,86)
```

Split Complementary Color

#64cc56
```
#64cc56 rgb(100,204,86)
```
#5664cc
```
#5664cc rgb(86,100,204)
```
#cc5664
```
#cc5664 rgb(204,86,100)
```

Triadic Color

#56ccbe
```
#56ccbe rgb(86,204,190)
```
#5664cc
```
#5664cc rgb(86,100,204)
```
#cc5664
```
#cc5664 rgb(204,86,100)
```
#ccbe56
```
#ccbe56 rgb(204,190,86)
```

Tetradic Color

#313fa4
```
#313fa4 rgb(49,63,164)
```
#3747b8
```
#3747b8 rgb(55,71,184)
```
#4252c6
```
#4252c6 rgb(66,82,198)
```
#5664cc
```
#5664cc rgb(86,100,204)
```
#6a76d2
```
#6a76d2 rgb(106,118,210)
```
#7d88d8
```
#7d88d8 rgb(125,136,216)
```
#919ade
```
#919ade rgb(145,154,222)
```

Monochromatic Color

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

#5682cc
```
#5682cc rgb(86,130,204)
```
#5678cc
```
#5678cc rgb(86,120,204)
```
#566ecc
```
#566ecc rgb(86,110,204)
```
#5664cc
```
#5664cc rgb(86,100,204)
```
#565acc
```
#565acc rgb(86,90,204)
```
#5c56cc
```
#5c56cc rgb(92,86,204)
```
#6656cc
```
#6656cc rgb(102,86,204)
```

Similar Colors

Text with hexadecimal color #5664cc

This text has a font color of #5664cc.

<span style="color:#5664cc;">Text here</span>

#5664cc background color

This paragraph has a background color of #5664cc.

<p style="background-color:#5664cc;">Content here</p>

#5664cc border color

This element has a border color of #5664cc.

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

CSS codes

.text {color:#5664cc;}

.background {background-color:#5664cc;}

.border {border:1px solid #5664cc;}

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, #04050c is the darkest color, while #fcfcfe is the lightest one.

#04050c
```
#04050c rgb(4,5,12)
```
#080a1b
```
#080a1b rgb(8,10,27)
```
#0d102a
```
#0d102a rgb(13,16,42)
```
#111639
```
#111639 rgb(17,22,57)
```
#161c48
```
#161c48 rgb(22,28,72)
```
#1a2257
```
#1a2257 rgb(26,34,87)
```
#1f2766
```
#1f2766 rgb(31,39,102)
```
#232d75
```
#232d75 rgb(35,45,117)
```
#283384
```
#283384 rgb(40,51,132)
```
#2c3993
```
#2c3993 rgb(44,57,147)
```
#313fa3
```
#313fa3 rgb(49,63,163)
```
#3644b2
```
#3644b2 rgb(54,68,178)
```
#3a4ac1
```
#3a4ac1 rgb(58,74,193)
```

Shade Color Variation

#4756c7
```
#4756c7 rgb(71,86,199)
```
#5664cc
```
#5664cc rgb(86,100,204)
```
#6572d1
```
#6572d1 rgb(101,114,209)
```
#7480d5
```
#7480d5 rgb(116,128,213)
```
#838dda
```
#838dda rgb(131,141,218)
```
#929bde
```
#929bde rgb(146,155,222)
```
#a1a9e3
```
#a1a9e3 rgb(161,169,227)
```
#b0b7e7
```
#b0b7e7 rgb(176,183,231)
```
#bfc5ec
```
#bfc5ec rgb(191,197,236)
```
#cfd3f0
```
#cfd3f0 rgb(207,211,240)
```
#dee0f5
```
#dee0f5 rgb(222,224,245)
```
#edeef9
```
#edeef9 rgb(237,238,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898b99 is the less saturated color, while #233dff is the most saturated one.

#898b99
```
#898b99 rgb(137,139,153)
```
#8084a2
```
#8084a2 rgb(128,132,162)
```
#787eaa
```
#787eaa rgb(120,126,170)
```
#6f77b3
```
#6f77b3 rgb(111,119,179)
```
#6771bb
```
#6771bb rgb(103,113,187)
```
#5e6ac4
```
#5e6ac4 rgb(94,106,196)
```
#5664cc
```
#5664cc rgb(86,100,204)
```
#4e5ed4
```
#4e5ed4 rgb(78,94,212)
```
#4557dd
```
#4557dd rgb(69,87,221)
```
#3d51e5
```
#3d51e5 rgb(61,81,229)
```
#344aee
```
#344aee rgb(52,74,238)
```
#2c44f6
```
#2c44f6 rgb(44,68,246)
```
#233dff
```
#233dff rgb(35,61,255)
```

Tone Color Variation

Below, you can see how #5664cc 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

#6c6c6c Achromatopsia 0.005% of the population
#686a7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3571d3 Protanopia 1% of men
#0077c6 Deuteranopia 1% of men
#377e87 Tritanopia 0.001% of the population

Trichromacy

#416cd1 Protanomaly 1% of men, 0.01% of women
#1f70c8 Deuteranomaly 6% of men, 0.4% of women
#4274a0 Tritanomaly 0.01% of the population

#5664cc hex color

#5664cc Color Information

#5664cc Color Conversion

Color Schemes with #5664cc

Alternatives to #5664cc

#5664cc Preview

Shades and Tints of #5664cc

Tones of #5664cc

Color Blindness Simulator