#5664fc hex color

In a RGB color space, hex #5664fc is composed of 33.7% red, 39.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 60.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 234.9 degrees, a saturation of 96.5% and a lightness of 66.3%. #5664fc color hex could be obtained by blending #acc8ff with #0000f9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 39
- B 99
RGB color chart
- C 66
- M 60
- Y 0
- K 1
CMYK color chart

● #5664fc color description : Soft blue.

The hexadecimal color #5664fc has RGB values of R:86, G:100, B:252 and CMYK values of C:0.66, M:0.6, Y:0, K:0.01. Its decimal value is 5661948.

Hex triplet	5664fc	`#5664fc`
RGB Decimal	86, 100, 252	`rgb(86,100,252)`
RGB Percent	33.7, 39.2, 98.8	`rgb(33.7%,39.2%,98.8%)`
CMYK	66, 60, 0, 1
HSL	234.9°, 96.5, 66.3	`hsl(234.9,96.5%,66.3%)`
HSV (or HSB)	234.9°, 65.9, 98.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.641, 41.482, -77.412
XYZ	25.962, 18.12, 94.219
xyY	0.188, 0.131, 18.12
CIE-LCH	49.641, 87.826, 298.185
CIE-LUV	49.641, -12.209, -120.916
Hunter-Lab	42.567, 34.376, -101.437
Binary	01010110, 01100100, 11111100

#5664fc
```
#5664fc rgb(86,100,252)
```
#fcee56
```
#fcee56 rgb(252,238,86)
```

Complementary Color

#56b7fc
```
#56b7fc rgb(86,183,252)
```
#5664fc
```
#5664fc rgb(86,100,252)
```
#9b56fc
```
#9b56fc rgb(155,86,252)
```

Analogous Color

#b7fc56
```
#b7fc56 rgb(183,252,86)
```
#5664fc
```
#5664fc rgb(86,100,252)
```
#fc9b56
```
#fc9b56 rgb(252,155,86)
```

Split Complementary Color

#64fc56
```
#64fc56 rgb(100,252,86)
```
#5664fc
```
#5664fc rgb(86,100,252)
```
#fc5664
```
#fc5664 rgb(252,86,100)
```

Triadic Color

#56fcee
```
#56fcee rgb(86,252,238)
```
#5664fc
```
#5664fc rgb(86,100,252)
```
#fc5664
```
#fc5664 rgb(252,86,100)
```
#fcee56
```
#fcee56 rgb(252,238,86)
```

Tetradic Color

#0b1ffb
```
#0b1ffb rgb(11,31,251)
```
#2436fb
```
#2436fb rgb(36,54,251)
```
#3d4dfc
```
#3d4dfc rgb(61,77,252)
```
#5664fc
```
#5664fc rgb(86,100,252)
```
#6f7bfc
```
#6f7bfc rgb(111,123,252)
```
#8892fd
```
#8892fd rgb(136,146,253)
```
#a1a9fd
```
#a1a9fd rgb(161,169,253)
```

Monochromatic Color

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

#568efc
```
#568efc rgb(86,142,252)
```
#5680fc
```
#5680fc rgb(86,128,252)
```
#5672fc
```
#5672fc rgb(86,114,252)
```
#5664fc
```
#5664fc rgb(86,100,252)
```
#5656fc
```
#5656fc rgb(86,86,252)
```
#6456fc
```
#6456fc rgb(100,86,252)
```
#7256fc
```
#7256fc rgb(114,86,252)
```

Similar Colors

Text with hexadecimal color #5664fc

This text has a font color of #5664fc.

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

#5664fc background color

This paragraph has a background color of #5664fc.

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

#5664fc border color

This element has a border color of #5664fc.

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

CSS codes

.text {color:#5664fc;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#000218
```
#000218 rgb(0,2,24)
```
#01042b
```
#01042b rgb(1,4,43)
```
#01063e
```
#01063e rgb(1,6,62)
```
#010852
```
#010852 rgb(1,8,82)
```
#020a65
```
#020a65 rgb(2,10,101)
```
#020c78
```
#020c78 rgb(2,12,120)
```
#020e8b
```
#020e8b rgb(2,14,139)
```
#03109f
```
#03109f rgb(3,16,159)
```
#0312b2
```
#0312b2 rgb(3,18,178)
```
#0414c5
```
#0414c5 rgb(4,20,197)
```
#0416d8
```
#0416d8 rgb(4,22,216)
```
#0418ec
```
#0418ec rgb(4,24,236)
```

Shade Color Variation

#091dfb
```
#091dfb rgb(9,29,251)
```
#1c2ffb
```
#1c2ffb rgb(28,47,251)
```
#2f41fb
```
#2f41fb rgb(47,65,251)
```
#4352fc
```
#4352fc rgb(67,82,252)
```
#5664fc
```
#5664fc rgb(86,100,252)
```
#6976fc
```
#6976fc rgb(105,118,252)
```
#7d87fd
```
#7d87fd rgb(125,135,253)
```
#9099fd
```
#9099fd rgb(144,153,253)
```
#a3abfd
```
#a3abfd rgb(163,171,253)
```
#b6bcfe
```
#b6bcfe rgb(182,188,254)
```
#cacefe
```
#cacefe rgb(202,206,254)
```
#dde0fe
```
#dde0fe rgb(221,224,254)
```
#f0f1ff
```
#f0f1ff rgb(240,241,255)
```

Tint Color Variation

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

#a5a6ad
```
#a5a6ad rgb(165,166,173)
```
#9fa0b3
```
#9fa0b3 rgb(159,160,179)
```
#989bba
```
#989bba rgb(152,155,186)
```
#9295c0
```
#9295c0 rgb(146,149,192)
```
#8b90c7
```
#8b90c7 rgb(139,144,199)
```
#848ace
```
#848ace rgb(132,138,206)
```
#7e85d4
```
#7e85d4 rgb(126,133,212)
```
#777fdb
```
#777fdb rgb(119,127,219)
```
#707ae2
```
#707ae2 rgb(112,122,226)
```
#6a74e8
```
#6a74e8 rgb(106,116,232)
```
#636fef
```
#636fef rgb(99,111,239)
```
#5d69f5
```
#5d69f5 rgb(93,105,245)
```
#5664fc
```
#5664fc rgb(86,100,252)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6c6e8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ed Protanopia 1% of men
#0080cf Deuteranopia 1% of men
#008992 Tritanopia 0.001% of the population

Trichromacy

#1f71f2 Protanomaly 1% of men, 0.01% of women
#1f75df Deuteranomaly 6% of men, 0.4% of women
#1f7bb8 Tritanomaly 0.01% of the population

#5664fc hex color

#5664fc Color Information

#5664fc Color Conversion

Color Schemes with #5664fc

Alternatives to #5664fc

#5664fc Preview

Shades and Tints of #5664fc

Tones of #5664fc

Color Blindness Simulator