colorhexa.com

#5642d7 hex color

In a RGB color space, hex #5642d7 is composed of 33.7% red, 25.9% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 69.3% magenta, 0% yellow and 15.7% black. It has a hue angle of 248.1 degrees, a saturation of 65.1% and a lightness of 55.1%. #5642d7 color hex could be obtained by blending #ac84ff with #0000af. Closest websafe color is: #6633cc.

- R 34
- G 26
- B 84
RGB color chart
- C 60
- M 69
- Y 0
- K 16
CMYK color chart

● #5642d7 color description : Moderate blue.

The hexadecimal color #5642d7 has RGB values of R:86, G:66, B:215 and CMYK values of C:0.6, M:0.69, Y:0, K:0.16. Its decimal value is 5653207.

Hex triplet	5642d7	`#5642d7`
RGB Decimal	86, 66, 215	`rgb(86,66,215)`
RGB Percent	33.7, 25.9, 84.3	`rgb(33.7%,25.9%,84.3%)`
CMYK	60, 69, 0, 16
HSL	248.1°, 65.1, 55.1	`hsl(248.1,65.1%,55.1%)`
HSV (or HSB)	248.1°, 69.3, 84.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.208, 49.428, -73.574
XYZ	18.049, 10.78, 65.416
xyY	0.192, 0.114, 10.78
CIE-LCH	39.208, 88.635, 303.893
CIE-LUV	39.208, -2.97, -107.189
Hunter-Lab	32.834, 40.667, -95.143
Binary	01010110, 01000010, 11010111

#5642d7
```
#5642d7 rgb(86,66,215)
```
#c3d742
```
#c3d742 rgb(195,215,66)
```

Complementary Color

#4279d7
```
#4279d7 rgb(66,121,215)
```
#5642d7
```
#5642d7 rgb(86,66,215)
```
#a142d7
```
#a142d7 rgb(161,66,215)
```

Analogous Color

#79d742
```
#79d742 rgb(121,215,66)
```
#5642d7
```
#5642d7 rgb(86,66,215)
```
#d7a142
```
#d7a142 rgb(215,161,66)
```

Split Complementary Color

#42d756
```
#42d756 rgb(66,215,86)
```
#5642d7
```
#5642d7 rgb(86,66,215)
```
#d75642
```
#d75642 rgb(215,86,66)
```

Triadic Color

#42c3d7
```
#42c3d7 rgb(66,195,215)
```
#5642d7
```
#5642d7 rgb(86,66,215)
```
#d75642
```
#d75642 rgb(215,86,66)
```
#c3d742
```
#c3d742 rgb(195,215,66)
```

Tetradic Color

#3624a9
```
#3624a9 rgb(54,36,169)
```
#3c28be
```
#3c28be rgb(60,40,190)
```
#432dd3
```
#432dd3 rgb(67,45,211)
```
#5642d7
```
#5642d7 rgb(86,66,215)
```
#6957db
```
#6957db rgb(105,87,219)
```
#7c6ce0
```
#7c6ce0 rgb(124,108,224)
```
#8e81e4
```
#8e81e4 rgb(142,129,228)
```

Monochromatic Color

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

#4253d7
```
#4253d7 rgb(66,83,215)
```
#4247d7
```
#4247d7 rgb(66,71,215)
```
#4a42d7
```
#4a42d7 rgb(74,66,215)
```
#5642d7
```
#5642d7 rgb(86,66,215)
```
#6242d7
```
#6242d7 rgb(98,66,215)
```
#6f42d7
```
#6f42d7 rgb(111,66,215)
```
#7b42d7
```
#7b42d7 rgb(123,66,215)
```

Similar Colors

Text with hexadecimal color #5642d7

This text has a font color of #5642d7.

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

#5642d7 background color

This paragraph has a background color of #5642d7.

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

#5642d7 border color

This element has a border color of #5642d7.

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

CSS codes

.text {color:#5642d7;}

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

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

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

#020105
```
#020105 rgb(2,1,5)
```
#070515
```
#070515 rgb(7,5,21)
```
#0c0826
```
#0c0826 rgb(12,8,38)
```
#110b36
```
#110b36 rgb(17,11,54)
```
#160f46
```
#160f46 rgb(22,15,70)
```
#1b1256
```
#1b1256 rgb(27,18,86)
```
#211666
```
#211666 rgb(33,22,102)
```
#261977
```
#261977 rgb(38,25,119)
```
#2b1d87
```
#2b1d87 rgb(43,29,135)
```
#302097
```
#302097 rgb(48,32,151)
```
#3523a7
```
#3523a7 rgb(53,35,167)
```
#3a27b7
```
#3a27b7 rgb(58,39,183)
```
#3f2ac8
```
#3f2ac8 rgb(63,42,200)
```

Shade Color Variation

#4832d4
```
#4832d4 rgb(72,50,212)
```
#5642d7
```
#5642d7 rgb(86,66,215)
```
#6452da
```
#6452da rgb(100,82,218)
```
#7362de
```
#7362de rgb(115,98,222)
```
#8173e1
```
#8173e1 rgb(129,115,225)
```
#9083e5
```
#9083e5 rgb(144,131,229)
```
#9e93e8
```
#9e93e8 rgb(158,147,232)
```
#ada3ec
```
#ada3ec rgb(173,163,236)
```
#bbb3ef
```
#bbb3ef rgb(187,179,239)
```
#cac4f2
```
#cac4f2 rgb(202,196,242)
```
#d8d4f6
```
#d8d4f6 rgb(216,212,246)
```
#e7e4f9
```
#e7e4f9 rgb(231,228,249)
```
#f5f4fd
```
#f5f4fd rgb(245,244,253)
```

Tint Color Variation

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

#8a8891
```
#8a8891 rgb(138,136,145)
```
#838099
```
#838099 rgb(131,128,153)
```
#7d77a2
```
#7d77a2 rgb(125,119,162)
```
#766eab
```
#766eab rgb(118,110,171)
```
#7065b4
```
#7065b4 rgb(112,101,180)
```
#695cbd
```
#695cbd rgb(105,92,189)
```
#6354c5
```
#6354c5 rgb(99,84,197)
```
#5c4bce
```
#5c4bce rgb(92,75,206)
```
#5642d7
```
#5642d7 rgb(86,66,215)
```
#5039e0
```
#5039e0 rgb(80,57,224)
```
#4930e9
```
#4930e9 rgb(73,48,233)
```
#4328f1
```
#4328f1 rgb(67,40,241)
```
#3c1ffa
```
#3c1ffa rgb(60,31,250)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#585472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061be Protanopia 1% of men
#0067a6 Deuteranopia 1% of men
#116e76 Tritanopia 0.001% of the population

Trichromacy

#1f56c7 Protanomaly 1% of men, 0.01% of women
#1f59b8 Deuteranomaly 6% of men, 0.4% of women
#2a5e99 Tritanomaly 0.01% of the population