#5664ce hex color

In a RGB color space, hex #5664ce is composed of 33.7% red, 39.2% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 51.5% magenta, 0% yellow and 19.2% black. It has a hue angle of 233 degrees, a saturation of 55% and a lightness of 57.3%. #5664ce color hex could be obtained by blending #acc8ff with #00009d. Closest websafe color is: #6666cc.

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

● #5664ce color description : Moderate blue.

The hexadecimal color #5664ce has RGB values of R:86, G:100, B:206 and CMYK values of C:0.58, M:0.51, Y:0, K:0.19. Its decimal value is 5661902.

Hex triplet	5664ce	`#5664ce`
RGB Decimal	86, 100, 206	`rgb(86,100,206)`
RGB Percent	33.7, 39.2, 80.8	`rgb(33.7%,39.2%,80.8%)`
CMYK	58, 51, 0, 19
HSL	233°, 55, 57.3	`hsl(233,55%,57.3%)`
HSV (or HSB)	233°, 58.3, 80.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.376, 26.202, -56.752
XYZ	19.533, 15.548, 60.361
xyY	0.205, 0.163, 15.548
CIE-LCH	46.376, 62.508, 294.782
CIE-LUV	46.376, -10.697, -87.895
Hunter-Lab	39.431, 19.42, -63.159
Binary	01010110, 01100100, 11001110

#5664ce
```
#5664ce rgb(86,100,206)
```
#cec056
```
#cec056 rgb(206,192,86)
```

Complementary Color

#56a0ce
```
#56a0ce rgb(86,160,206)
```
#5664ce
```
#5664ce rgb(86,100,206)
```
#8456ce
```
#8456ce rgb(132,86,206)
```

Analogous Color

#a0ce56
```
#a0ce56 rgb(160,206,86)
```
#5664ce
```
#5664ce rgb(86,100,206)
```
#ce8456
```
#ce8456 rgb(206,132,86)
```

Split Complementary Color

#64ce56
```
#64ce56 rgb(100,206,86)
```
#5664ce
```
#5664ce rgb(86,100,206)
```
#ce5664
```
#ce5664 rgb(206,86,100)
```

Triadic Color

#56cec0
```
#56cec0 rgb(86,206,192)
```
#5664ce
```
#5664ce rgb(86,100,206)
```
#ce5664
```
#ce5664 rgb(206,86,100)
```
#cec056
```
#cec056 rgb(206,192,86)
```

Tetradic Color

#303ea7
```
#303ea7 rgb(48,62,167)
```
#3646bb
```
#3646bb rgb(54,70,187)
```
#4252c8
```
#4252c8 rgb(66,82,200)
```
#5664ce
```
#5664ce rgb(86,100,206)
```
#6a76d4
```
#6a76d4 rgb(106,118,212)
```
#7e88d9
```
#7e88d9 rgb(126,136,217)
```
#919adf
```
#919adf rgb(145,154,223)
```

Monochromatic Color

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

#5682ce
```
#5682ce rgb(86,130,206)
```
#5678ce
```
#5678ce rgb(86,120,206)
```
#566ece
```
#566ece rgb(86,110,206)
```
#5664ce
```
#5664ce rgb(86,100,206)
```
#565ace
```
#565ace rgb(86,90,206)
```
#5c56ce
```
#5c56ce rgb(92,86,206)
```
#6656ce
```
#6656ce rgb(102,86,206)
```

Similar Colors

Text with hexadecimal color #5664ce

This text has a font color of #5664ce.

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

#5664ce background color

This paragraph has a background color of #5664ce.

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

#5664ce border color

This element has a border color of #5664ce.

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

CSS codes

.text {color:#5664ce;}

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

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

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

#04050d
```
#04050d rgb(4,5,13)
```
#080b1d
```
#080b1d rgb(8,11,29)
```
#0d102c
```
#0d102c rgb(13,16,44)
```
#11163b
```
#11163b rgb(17,22,59)
```
#161c4a
```
#161c4a rgb(22,28,74)
```
#1a215a
```
#1a215a rgb(26,33,90)
```
#1e2769
```
#1e2769 rgb(30,39,105)
```
#232d78
```
#232d78 rgb(35,45,120)
```
#273287
```
#273287 rgb(39,50,135)
```
#2c3896
```
#2c3896 rgb(44,56,150)
```
#303ea6
```
#303ea6 rgb(48,62,166)
```
#3443b5
```
#3443b5 rgb(52,67,181)
```
#3949c4
```
#3949c4 rgb(57,73,196)
```

Shade Color Variation

#4756ca
```
#4756ca rgb(71,86,202)
```
#5664ce
```
#5664ce rgb(86,100,206)
```
#6572d2
```
#6572d2 rgb(101,114,210)
```
#7480d7
```
#7480d7 rgb(116,128,215)
```
#848edb
```
#848edb rgb(132,142,219)
```
#939ce0
```
#939ce0 rgb(147,156,224)
```
#a2aae4
```
#a2aae4 rgb(162,170,228)
```
#b1b8e8
```
#b1b8e8 rgb(177,184,232)
```
#c0c6ed
```
#c0c6ed rgb(192,198,237)
```
#d0d4f1
```
#d0d4f1 rgb(208,212,241)
```
#dfe2f6
```
#dfe2f6 rgb(223,226,246)
```
#eeeffa
```
#eeeffa rgb(238,239,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#919193
```
#919193 rgb(145,145,147)
```
#888b9c
```
#888b9c rgb(136,139,156)
```
#8084a4
```
#8084a4 rgb(128,132,164)
```
#787eac
```
#787eac rgb(120,126,172)
```
#6f77b5
```
#6f77b5 rgb(111,119,181)
```
#6771bd
```
#6771bd rgb(103,113,189)
```
#5e6ac6
```
#5e6ac6 rgb(94,106,198)
```
#5664ce
```
#5664ce rgb(86,100,206)
```
#4e5ed6
```
#4e5ed6 rgb(78,94,214)
```
#4557df
```
#4557df rgb(69,87,223)
```
#3d51e7
```
#3d51e7 rgb(61,81,231)
```
#344af0
```
#344af0 rgb(52,74,240)
```
#2c44f8
```
#2c44f8 rgb(44,68,248)
```

Tone Color Variation

Below, you can see how #5664ce 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
#686a80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3272d6 Protanopia 1% of men
#0077c6 Deuteranopia 1% of men
#357f88 Tritanopia 0.001% of the population

Trichromacy

#3f6cd3 Protanomaly 1% of men, 0.01% of women
#1f70c9 Deuteranomaly 6% of men, 0.4% of women
#4175a1 Tritanomaly 0.01% of the population

#5664ce hex color

#5664ce Color Information

#5664ce Color Conversion

Color Schemes with #5664ce

Alternatives to #5664ce

#5664ce Preview

Shades and Tints of #5664ce

Tones of #5664ce

Color Blindness Simulator