colorhexa.com

#5642c9 hex color

In a RGB color space, hex #5642c9 is composed of 33.7% red, 25.9% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 57.2% cyan, 67.2% magenta, 0% yellow and 21.2% black. It has a hue angle of 248.9 degrees, a saturation of 55.6% and a lightness of 52.4%. #5642c9 color hex could be obtained by blending #ac84ff with #000093. Closest websafe color is: #6633cc.

- R 34
- G 26
- B 79
RGB color chart
- C 57
- M 67
- Y 0
- K 21
CMYK color chart

● #5642c9 color description : Moderate blue.

The hexadecimal color #5642c9 has RGB values of R:86, G:66, B:201 and CMYK values of C:0.57, M:0.67, Y:0, K:0.21. Its decimal value is 5653193.

Hex triplet	5642c9	`#5642c9`
RGB Decimal	86, 66, 201	`rgb(86,66,201)`
RGB Percent	33.7, 25.9, 78.8	`rgb(33.7%,25.9%,78.8%)`
CMYK	57, 67, 0, 21
HSL	248.9°, 55.6, 52.4	`hsl(248.9,55.6%,52.4%)`
HSV (or HSB)	248.9°, 67.2, 78.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.006, 45.159, -67.453
XYZ	16.327, 10.091, 56.343
xyY	0.197, 0.122, 10.091
CIE-LCH	38.006, 81.174, 303.802
CIE-LUV	38.006, -1.924, -98.131
Hunter-Lab	31.767, 36.148, -82.922
Binary	01010110, 01000010, 11001001

#5642c9
```
#5642c9 rgb(86,66,201)
```
#b5c942
```
#b5c942 rgb(181,201,66)
```

Complementary Color

#4272c9
```
#4272c9 rgb(66,114,201)
```
#5642c9
```
#5642c9 rgb(86,66,201)
```
#9a42c9
```
#9a42c9 rgb(154,66,201)
```

Analogous Color

#72c942
```
#72c942 rgb(114,201,66)
```
#5642c9
```
#5642c9 rgb(86,66,201)
```
#c99a42
```
#c99a42 rgb(201,154,66)
```

Split Complementary Color

#42c956
```
#42c956 rgb(66,201,86)
```
#5642c9
```
#5642c9 rgb(86,66,201)
```
#c95642
```
#c95642 rgb(201,86,66)
```

Triadic Color

#42b5c9
```
#42b5c9 rgb(66,181,201)
```
#5642c9
```
#5642c9 rgb(86,66,201)
```
#c95642
```
#c95642 rgb(201,86,66)
```
#b5c942
```
#b5c942 rgb(181,201,66)
```

Tetradic Color

#3a2a94
```
#3a2a94 rgb(58,42,148)
```
#4230a8
```
#4230a8 rgb(66,48,168)
```
#4a36bc
```
#4a36bc rgb(74,54,188)
```
#5642c9
```
#5642c9 rgb(86,66,201)
```
#6856cf
```
#6856cf rgb(104,86,207)
```
#796ad4
```
#796ad4 rgb(121,106,212)
```
#8b7eda
```
#8b7eda rgb(139,126,218)
```

Monochromatic Color

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

#4250c9
```
#4250c9 rgb(66,80,201)
```
#4245c9
```
#4245c9 rgb(66,69,201)
```
#4b42c9
```
#4b42c9 rgb(75,66,201)
```
#5642c9
```
#5642c9 rgb(86,66,201)
```
#6142c9
```
#6142c9 rgb(97,66,201)
```
#6d42c9
```
#6d42c9 rgb(109,66,201)
```
#7842c9
```
#7842c9 rgb(120,66,201)
```

Similar Colors

Text with hexadecimal color #5642c9

This text has a font color of #5642c9.

<span style="color:#5642c9;">Text here</span>

#5642c9 background color

This paragraph has a background color of #5642c9.

<p style="background-color:#5642c9;">Content here</p>

#5642c9 border color

This element has a border color of #5642c9.

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

CSS codes

.text {color:#5642c9;}

.background {background-color:#5642c9;}

.border {border:1px solid #5642c9;}

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

#040309
```
#040309 rgb(4,3,9)
```
#0a0719
```
#0a0719 rgb(10,7,25)
```
#100b28
```
#100b28 rgb(16,11,40)
```
#161037
```
#161037 rgb(22,16,55)
```
#1c1446
```
#1c1446 rgb(28,20,70)
```
#221856
```
#221856 rgb(34,24,86)
```
#271d65
```
#271d65 rgb(39,29,101)
```
#2d2174
```
#2d2174 rgb(45,33,116)
```
#332683
```
#332683 rgb(51,38,131)
```
#392a93
```
#392a93 rgb(57,42,147)
```
#3f2ea2
```
#3f2ea2 rgb(63,46,162)
```
#4533b1
```
#4533b1 rgb(69,51,177)
```
#4b37c0
```
#4b37c0 rgb(75,55,192)
```

Shade Color Variation

#5642c9
```
#5642c9 rgb(86,66,201)
```
#6451cd
```
#6451cd rgb(100,81,205)
```
#7161d2
```
#7161d2 rgb(113,97,210)
```
#7f70d6
```
#7f70d6 rgb(127,112,214)
```
#8d7fda
```
#8d7fda rgb(141,127,218)
```
#9a8edf
```
#9a8edf rgb(154,142,223)
```
#a89ee3
```
#a89ee3 rgb(168,158,227)
```
#b5ade8
```
#b5ade8 rgb(181,173,232)
```
#c3bcec
```
#c3bcec rgb(195,188,236)
```
#d1cbf0
```
#d1cbf0 rgb(209,203,240)
```
#dedbf5
```
#dedbf5 rgb(222,219,245)
```
#eceaf9
```
#eceaf9 rgb(236,234,249)
```
#faf9fd
```
#faf9fd rgb(250,249,253)
```

Tint Color Variation

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

#848388
```
#848388 rgb(132,131,136)
```
#7d7a91
```
#7d7a91 rgb(125,122,145)
```
#77719a
```
#77719a rgb(119,113,154)
```
#7067a4
```
#7067a4 rgb(112,103,164)
```
#6a5ead
```
#6a5ead rgb(106,94,173)
```
#6355b6
```
#6355b6 rgb(99,85,182)
```
#5d4bc0
```
#5d4bc0 rgb(93,75,192)
```
#5642c9
```
#5642c9 rgb(86,66,201)
```
#4f39d2
```
#4f39d2 rgb(79,57,210)
```
#492fdc
```
#492fdc rgb(73,47,220)
```
#4226e5
```
#4226e5 rgb(66,38,229)
```
#3c1dee
```
#3c1dee rgb(60,29,238)
```
#3513f8
```
#3513f8 rgb(53,19,248)
```

Tone Color Variation

Below, you can see how #5642c9 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

#575757 Achromatopsia 0.005% of the population
#57536e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0064a2 Deuteranopia 1% of men
#2d6a71 Tritanopia 0.001% of the population

Trichromacy

#1f54bf Protanomaly 1% of men, 0.01% of women
#1f57b0 Deuteranomaly 6% of men, 0.4% of women
#3c5b91 Tritanomaly 0.01% of the population