#5644ff hex color

In a RGB color space, hex #5644ff is composed of 33.7% red, 26.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 73.3% magenta, 0% yellow and 0% black. It has a hue angle of 245.8 degrees, a saturation of 100% and a lightness of 63.3%. #5644ff color hex could be obtained by blending #ac88ff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 27
- B 100
RGB color chart
- C 66
- M 73
- Y 0
- K 0
CMYK color chart

● #5644ff color description : Light blue.

The hexadecimal color #5644ff has RGB values of R:86, G:68, B:255 and CMYK values of C:0.66, M:0.73, Y:0, K:0. Its decimal value is 5653759.

Hex triplet	5644ff	`#5644ff`
RGB Decimal	86, 68, 255	`rgb(86,68,255)`
RGB Percent	33.7, 26.7, 100	`rgb(33.7%,26.7%,100%)`
CMYK	66, 73, 0, 0
HSL	245.8°, 100, 63.3	`hsl(245.8,100%,63.3%)`
HSV (or HSB)	245.8°, 73.3, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.259, 60.391, -89.551
XYZ	23.951, 13.332, 95.913
xyY	0.18, 0.1, 13.332
CIE-LCH	43.259, 108.011, 303.995
CIE-LUV	43.259, -5.959, -131.502
Hunter-Lab	36.512, 53.196, -130.189
Binary	01010110, 01000100, 11111111

#5644ff
```
#5644ff rgb(86,68,255)
```
#edff44
```
#edff44 rgb(237,255,68)
```

Complementary Color

#4490ff
```
#4490ff rgb(68,144,255)
```
#5644ff
```
#5644ff rgb(86,68,255)
```
#b444ff
```
#b444ff rgb(180,68,255)
```

Analogous Color

#90ff44
```
#90ff44 rgb(144,255,68)
```
#5644ff
```
#5644ff rgb(86,68,255)
```
#ffb444
```
#ffb444 rgb(255,180,68)
```

Split Complementary Color

#44ff56
```
#44ff56 rgb(68,255,86)
```
#5644ff
```
#5644ff rgb(86,68,255)
```
#ff5644
```
#ff5644 rgb(255,86,68)
```

Triadic Color

#44edff
```
#44edff rgb(68,237,255)
```
#5644ff
```
#5644ff rgb(86,68,255)
```
#ff5644
```
#ff5644 rgb(255,86,68)
```
#edff44
```
#edff44 rgb(237,255,68)
```

Tetradic Color

#1800f7
```
#1800f7 rgb(24,0,247)
```
#2811ff
```
#2811ff rgb(40,17,255)
```
#3f2bff
```
#3f2bff rgb(63,43,255)
```
#5644ff
```
#5644ff rgb(86,68,255)
```
#6d5eff
```
#6d5eff rgb(109,94,255)
```
#8477ff
```
#8477ff rgb(132,119,255)
```
#9b91ff
```
#9b91ff rgb(155,145,255)
```

Monochromatic Color

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

#4461ff
```
#4461ff rgb(68,97,255)
```
#4451ff
```
#4451ff rgb(68,81,255)
```
#4644ff
```
#4644ff rgb(70,68,255)
```
#5644ff
```
#5644ff rgb(86,68,255)
```
#6644ff
```
#6644ff rgb(102,68,255)
```
#7544ff
```
#7544ff rgb(117,68,255)
```
#8544ff
```
#8544ff rgb(133,68,255)
```

Similar Colors

Text with hexadecimal color #5644ff

This text has a font color of #5644ff.

<span style="color:#5644ff;">Text here</span>

#5644ff background color

This paragraph has a background color of #5644ff.

<p style="background-color:#5644ff;">Content here</p>

#5644ff border color

This element has a border color of #5644ff.

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

CSS codes

.text {color:#5644ff;}

.background {background-color:#5644ff;}

.border {border:1px solid #5644ff;}

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

#010009
```
#010009 rgb(1,0,9)
```
#03001d
```
#03001d rgb(3,0,29)
```
#050030
```
#050030 rgb(5,0,48)
```
#070044
```
#070044 rgb(7,0,68)
```
#080058
```
#080058 rgb(8,0,88)
```
#0a006b
```
#0a006b rgb(10,0,107)
```
#0c007f
```
#0c007f rgb(12,0,127)
```
#0e0092
```
#0e0092 rgb(14,0,146)
```
#1000a6
```
#1000a6 rgb(16,0,166)
```
#1200ba
```
#1200ba rgb(18,0,186)
```
#1400cd
```
#1400cd rgb(20,0,205)
```
#1600e1
```
#1600e1 rgb(22,0,225)
```
#1800f5
```
#1800f5 rgb(24,0,245)
```

Shade Color Variation

#2109ff
```
#2109ff rgb(33,9,255)
```
#331dff
```
#331dff rgb(51,29,255)
```
#4430ff
```
#4430ff rgb(68,48,255)
```
#5644ff
```
#5644ff rgb(86,68,255)
```
#6858ff
```
#6858ff rgb(104,88,255)
```
#796bff
```
#796bff rgb(121,107,255)
```
#8b7fff
```
#8b7fff rgb(139,127,255)
```
#9d92ff
```
#9d92ff rgb(157,146,255)
```
#afa6ff
```
#afa6ff rgb(175,166,255)
```
#c0baff
```
#c0baff rgb(192,186,255)
```
#d2cdff
```
#d2cdff rgb(210,205,255)
```
#e4e1ff
```
#e4e1ff rgb(228,225,255)
```
#f6f5ff
```
#f6f5ff rgb(246,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9aa9 is the less saturated color, while #5644ff is the most saturated one.

#9c9aa9
```
#9c9aa9 rgb(156,154,169)
```
#9693b0
```
#9693b0 rgb(150,147,176)
```
#908cb7
```
#908cb7 rgb(144,140,183)
```
#8a85be
```
#8a85be rgb(138,133,190)
```
#847ec5
```
#847ec5 rgb(132,126,197)
```
#7f76cd
```
#7f76cd rgb(127,118,205)
```
#796fd4
```
#796fd4 rgb(121,111,212)
```
#7368db
```
#7368db rgb(115,104,219)
```
#6d61e2
```
#6d61e2 rgb(109,97,226)
```
#675ae9
```
#675ae9 rgb(103,90,233)
```
#6252f1
```
#6252f1 rgb(98,82,241)
```
#5c4bf8
```
#5c4bf8 rgb(92,75,248)
```
#5644ff
```
#5644ff rgb(86,68,255)
```

Tone Color Variation

Below, you can see how #5644ff 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

#5f5f5f Achromatopsia 0.005% of the population
#5d5a7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd0 Protanopia 1% of men
#0071b4 Deuteranopia 1% of men
#007880 Tritanopia 0.001% of the population

Trichromacy

#1f5ce1 Protanomaly 1% of men, 0.01% of women
#1f60cf Deuteranomaly 6% of men, 0.4% of women
#1f65ae Tritanomaly 0.01% of the population

#5644ff hex color

#5644ff Color Information

#5644ff Color Conversion

Color Schemes with #5644ff

Alternatives to #5644ff

#5644ff Preview

Shades and Tints of #5644ff

Tones of #5644ff

Color Blindness Simulator