#5644ea hex color

In a RGB color space, hex #5644ea is composed of 33.7% red, 26.7% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 70.9% magenta, 0% yellow and 8.2% black. It has a hue angle of 246.5 degrees, a saturation of 79.8% and a lightness of 59.2%. #5644ea color hex could be obtained by blending #ac88ff with #0000d5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 27
- B 92
RGB color chart
- C 63
- M 71
- Y 0
- K 8
CMYK color chart

● #5644ea color description : Bright blue.

The hexadecimal color #5644ea has RGB values of R:86, G:68, B:234 and CMYK values of C:0.63, M:0.71, Y:0, K:0.08. Its decimal value is 5653738.

Hex triplet	5644ea	`#5644ea`
RGB Decimal	86, 68, 234	`rgb(86,68,234)`
RGB Percent	33.7, 26.7, 91.8	`rgb(33.7%,26.7%,91.8%)`
CMYK	63, 71, 0, 8
HSL	246.5°, 79.8, 59.2	`hsl(246.5,79.8%,59.2%)`
HSV (or HSB)	246.5°, 70.9, 91.8
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.299, 54.104, -80.977
XYZ	20.753, 12.052, 79.07
xyY	0.186, 0.108, 12.052
CIE-LCH	41.299, 97.389, 303.749
CIE-LUV	41.299, -4.636, -118.711
Hunter-Lab	34.716, 45.953, -110.737
Binary	01010110, 01000100, 11101010

#5644ea
```
#5644ea rgb(86,68,234)
```
#d8ea44
```
#d8ea44 rgb(216,234,68)
```

Complementary Color

#4485ea
```
#4485ea rgb(68,133,234)
```
#5644ea
```
#5644ea rgb(86,68,234)
```
#a944ea
```
#a944ea rgb(169,68,234)
```

Analogous Color

#85ea44
```
#85ea44 rgb(133,234,68)
```
#5644ea
```
#5644ea rgb(86,68,234)
```
#eaa944
```
#eaa944 rgb(234,169,68)
```

Split Complementary Color

#44ea56
```
#44ea56 rgb(68,234,86)
```
#5644ea
```
#5644ea rgb(86,68,234)
```
#ea5644
```
#ea5644 rgb(234,86,68)
```

Triadic Color

#44d8ea
```
#44d8ea rgb(68,216,234)
```
#5644ea
```
#5644ea rgb(86,68,234)
```
#ea5644
```
#ea5644 rgb(234,86,68)
```
#d8ea44
```
#d8ea44 rgb(216,234,68)
```

Tetradic Color

#2a17cb
```
#2a17cb rgb(42,23,203)
```
#2f19e2
```
#2f19e2 rgb(47,25,226)
```
#412de7
```
#412de7 rgb(65,45,231)
```
#5644ea
```
#5644ea rgb(86,68,234)
```
#6b5bed
```
#6b5bed rgb(107,91,237)
```
#7f72ef
```
#7f72ef rgb(127,114,239)
```
#9489f2
```
#9489f2 rgb(148,137,242)
```

Monochromatic Color

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

#445cea
```
#445cea rgb(68,92,234)
```
#444eea
```
#444eea rgb(68,78,234)
```
#4844ea
```
#4844ea rgb(72,68,234)
```
#5644ea
```
#5644ea rgb(86,68,234)
```
#6444ea
```
#6444ea rgb(100,68,234)
```
#7244ea
```
#7244ea rgb(114,68,234)
```
#8044ea
```
#8044ea rgb(128,68,234)
```

Similar Colors

Text with hexadecimal color #5644ea

This text has a font color of #5644ea.

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

#5644ea background color

This paragraph has a background color of #5644ea.

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

#5644ea border color

This element has a border color of #5644ea.

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

CSS codes

.text {color:#5644ea;}

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

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

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

#010107
```
#010107 rgb(1,1,7)
```
#050319
```
#050319 rgb(5,3,25)
```
#09052a
```
#09052a rgb(9,5,42)
```
#0c073c
```
#0c073c rgb(12,7,60)
```
#10094e
```
#10094e rgb(16,9,78)
```
#140b5f
```
#140b5f rgb(20,11,95)
```
#180d71
```
#180d71 rgb(24,13,113)
```
#1b0f82
```
#1b0f82 rgb(27,15,130)
```
#1f1194
```
#1f1194 rgb(31,17,148)
```
#2313a6
```
#2313a6 rgb(35,19,166)
```
#2615b7
```
#2615b7 rgb(38,21,183)
```
#2a17c9
```
#2a17c9 rgb(42,23,201)
```
#2e19db
```
#2e19db rgb(46,25,219)
```

Shade Color Variation

#3621e6
```
#3621e6 rgb(54,33,230)
```
#4632e8
```
#4632e8 rgb(70,50,232)
```
#5644ea
```
#5644ea rgb(86,68,234)
```
#6656ec
```
#6656ec rgb(102,86,236)
```
#7667ee
```
#7667ee rgb(118,103,238)
```
#8679f0
```
#8679f0 rgb(134,121,240)
```
#968bf2
```
#968bf2 rgb(150,139,242)
```
#a69cf4
```
#a69cf4 rgb(166,156,244)
```
#b6aef6
```
#b6aef6 rgb(182,174,246)
```
#c6bff8
```
#c6bff8 rgb(198,191,248)
```
#d6d1fa
```
#d6d1fa rgb(214,209,250)
```
#e5e3fc
```
#e5e3fc rgb(229,227,252)
```
#f5f4fe
```
#f5f4fe rgb(245,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95949a is the less saturated color, while #4934fa is the most saturated one.

#95949a
```
#95949a rgb(149,148,154)
```
#8e8ca2
```
#8e8ca2 rgb(142,140,162)
```
#8884aa
```
#8884aa rgb(136,132,170)
```
#827cb2
```
#827cb2 rgb(130,124,178)
```
#7c74ba
```
#7c74ba rgb(124,116,186)
```
#756cc2
```
#756cc2 rgb(117,108,194)
```
#6f64ca
```
#6f64ca rgb(111,100,202)
```
#695cd2
```
#695cd2 rgb(105,92,210)
```
#6354da
```
#6354da rgb(99,84,218)
```
#5c4ce2
```
#5c4ce2 rgb(92,76,226)
```
#5644ea
```
#5644ea rgb(86,68,234)
```
#503cf2
```
#503cf2 rgb(80,60,242)
```
#4934fa
```
#4934fa rgb(73,52,250)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5b5778 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#1f5ad4 Protanomaly 1% of men, 0.01% of women
#1f5dc3 Deuteranomaly 6% of men, 0.4% of women
#1f62a3 Tritanomaly 0.01% of the population

#5644ea hex color

#5644ea Color Information

#5644ea Color Conversion

Color Schemes with #5644ea

Alternatives to #5644ea

#5644ea Preview

Shades and Tints of #5644ea

Tones of #5644ea

Color Blindness Simulator