#5664d3 hex color

In a RGB color space, hex #5664d3 is composed of 33.7% red, 39.2% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 52.6% magenta, 0% yellow and 17.3% black. It has a hue angle of 233.3 degrees, a saturation of 58.7% and a lightness of 58.2%. #5664d3 color hex could be obtained by blending #acc8ff with #0000a7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 39
- B 83
RGB color chart
- C 59
- M 53
- Y 0
- K 17
CMYK color chart

● #5664d3 color description : Moderate blue.

The hexadecimal color #5664d3 has RGB values of R:86, G:100, B:211 and CMYK values of C:0.59, M:0.53, Y:0, K:0.17. Its decimal value is 5661907.

Hex triplet	5664d3	`#5664d3`
RGB Decimal	86, 100, 211	`rgb(86,100,211)`
RGB Percent	33.7, 39.2, 82.7	`rgb(33.7%,39.2%,82.7%)`
CMYK	59, 53, 0, 17
HSL	233.3°, 58.7, 58.2	`hsl(233.3,58.7%,58.2%)`
HSV (or HSB)	233.3°, 59.2, 82.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.704, 27.861, -59.083
XYZ	20.15, 15.795, 63.611
xyY	0.202, 0.159, 15.795
CIE-LCH	46.704, 65.323, 295.247
CIE-LUV	46.704, -10.861, -91.658
Hunter-Lab	39.743, 20.953, -67.078
Binary	01010110, 01100100, 11010011

#5664d3
```
#5664d3 rgb(86,100,211)
```
#d3c556
```
#d3c556 rgb(211,197,86)
```

Complementary Color

#56a3d3
```
#56a3d3 rgb(86,163,211)
```
#5664d3
```
#5664d3 rgb(86,100,211)
```
#8756d3
```
#8756d3 rgb(135,86,211)
```

Analogous Color

#a3d356
```
#a3d356 rgb(163,211,86)
```
#5664d3
```
#5664d3 rgb(86,100,211)
```
#d38756
```
#d38756 rgb(211,135,86)
```

Split Complementary Color

#64d356
```
#64d356 rgb(100,211,86)
```
#5664d3
```
#5664d3 rgb(86,100,211)
```
#d35664
```
#d35664 rgb(211,86,100)
```

Triadic Color

#56d3c5
```
#56d3c5 rgb(86,211,197)
```
#5664d3
```
#5664d3 rgb(86,100,211)
```
#d35664
```
#d35664 rgb(211,86,100)
```
#d3c556
```
#d3c556 rgb(211,197,86)
```

Tetradic Color

#2e3caf
```
#2e3caf rgb(46,60,175)
```
#3343c3
```
#3343c3 rgb(51,67,195)
```
#4251ce
```
#4251ce rgb(66,81,206)
```
#5664d3
```
#5664d3 rgb(86,100,211)
```
#6a77d8
```
#6a77d8 rgb(106,119,216)
```
#7e89de
```
#7e89de rgb(126,137,222)
```
#939ce3
```
#939ce3 rgb(147,156,227)
```

Monochromatic Color

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

#5683d3
```
#5683d3 rgb(86,131,211)
```
#5679d3
```
#5679d3 rgb(86,121,211)
```
#566ed3
```
#566ed3 rgb(86,110,211)
```
#5664d3
```
#5664d3 rgb(86,100,211)
```
#565ad3
```
#565ad3 rgb(86,90,211)
```
#5d56d3
```
#5d56d3 rgb(93,86,211)
```
#6756d3
```
#6756d3 rgb(103,86,211)
```

Similar Colors

Text with hexadecimal color #5664d3

This text has a font color of #5664d3.

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

#5664d3 background color

This paragraph has a background color of #5664d3.

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

#5664d3 border color

This element has a border color of #5664d3.

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

CSS codes

.text {color:#5664d3;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050612
```
#050612 rgb(5,6,18)
```
#090b21
```
#090b21 rgb(9,11,33)
```
#0d1131
```
#0d1131 rgb(13,17,49)
```
#111640
```
#111640 rgb(17,22,64)
```
#151b50
```
#151b50 rgb(21,27,80)
```
#192160
```
#192160 rgb(25,33,96)
```
#1d266f
```
#1d266f rgb(29,38,111)
```
#212b7f
```
#212b7f rgb(33,43,127)
```
#25318e
```
#25318e rgb(37,49,142)
```
#29369e
```
#29369e rgb(41,54,158)
```
#2d3cad
```
#2d3cad rgb(45,60,173)
```
#3141bd
```
#3141bd rgb(49,65,189)
```

Shade Color Variation

#3747cb
```
#3747cb rgb(55,71,203)
```
#4656cf
```
#4656cf rgb(70,86,207)
```
#5664d3
```
#5664d3 rgb(86,100,211)
```
#6672d7
```
#6672d7 rgb(102,114,215)
```
#7581db
```
#7581db rgb(117,129,219)
```
#858fdf
```
#858fdf rgb(133,143,223)
```
#949de3
```
#949de3 rgb(148,157,227)
```
#a4abe7
```
#a4abe7 rgb(164,171,231)
```
#b3baeb
```
#b3baeb rgb(179,186,235)
```
#c3c8ef
```
#c3c8ef rgb(195,200,239)
```
#d3d6f3
```
#d3d6f3 rgb(211,214,243)
```
#e2e4f7
```
#e2e4f7 rgb(226,228,247)
```
#f2f3fc
```
#f2f3fc rgb(242,243,252)
```

Tint Color Variation

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

#8f919a
```
#8f919a rgb(143,145,154)
```
#878aa2
```
#878aa2 rgb(135,138,162)
```
#7f84aa
```
#7f84aa rgb(127,132,170)
```
#777db2
```
#777db2 rgb(119,125,178)
```
#6f77ba
```
#6f77ba rgb(111,119,186)
```
#6671c3
```
#6671c3 rgb(102,113,195)
```
#5e6acb
```
#5e6acb rgb(94,106,203)
```
#5664d3
```
#5664d3 rgb(86,100,211)
```
#4e5edb
```
#4e5edb rgb(78,94,219)
```
#4657e3
```
#4657e3 rgb(70,87,227)
```
#3d51ec
```
#3d51ec rgb(61,81,236)
```
#354bf4
```
#354bf4 rgb(53,75,244)
```
#2d44fc
```
#2d44fc rgb(45,68,252)
```

Tone Color Variation

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

Dichromacy

#2872db Protanopia 1% of men
#0078c7 Deuteranopia 1% of men
#308089 Tritanopia 0.001% of the population

Trichromacy

#396dd8 Protanomaly 1% of men, 0.01% of women
#1f70cb Deuteranomaly 6% of men, 0.4% of women
#3e76a4 Tritanomaly 0.01% of the population

#5664d3 hex color

#5664d3 Color Information

#5664d3 Color Conversion

Color Schemes with #5664d3

Alternatives to #5664d3

#5664d3 Preview

Shades and Tints of #5664d3

Tones of #5664d3

Color Blindness Simulator