colorhexa.com

#5c64d4 hex color

In a RGB color space, hex #5c64d4 is composed of 36.1% red, 39.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 52.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 236 degrees, a saturation of 58.3% and a lightness of 59.6%. #5c64d4 color hex could be obtained by blending #b8c8ff with #0000a9. Closest websafe color is: #6666cc.

- R 36
- G 39
- B 83
RGB color chart
- C 57
- M 53
- Y 0
- K 17
CMYK color chart

● #5c64d4 color description : Moderate blue.

The hexadecimal color #5c64d4 has RGB values of R:92, G:100, B:212 and CMYK values of C:0.57, M:0.53, Y:0, K:0.17. Its decimal value is 6055124.

Hex triplet	5c64d4	`#5c64d4`
RGB Decimal	92, 100, 212	`rgb(92,100,212)`
RGB Percent	36.1, 39.2, 83.1	`rgb(36.1%,39.2%,83.1%)`
CMYK	57, 53, 0, 17
HSL	236°, 58.3, 59.6	`hsl(236,58.3%,59.6%)`
HSV (or HSB)	236°, 56.6, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.161, 29.316, -58.899
XYZ	20.852, 16.142, 64.301
xyY	0.206, 0.159, 16.142
CIE-LCH	47.161, 65.791, 296.461
CIE-LUV	47.161, -9.124, -91.755
Hunter-Lab	40.177, 22.331, -66.765
Binary	01011100, 01100100, 11010100

#5c64d4
```
#5c64d4 rgb(92,100,212)
```
#d4cc5c
```
#d4cc5c rgb(212,204,92)
```

Complementary Color

#5ca0d4
```
#5ca0d4 rgb(92,160,212)
```
#5c64d4
```
#5c64d4 rgb(92,100,212)
```
#905cd4
```
#905cd4 rgb(144,92,212)
```

Analogous Color

#a0d45c
```
#a0d45c rgb(160,212,92)
```
#5c64d4
```
#5c64d4 rgb(92,100,212)
```
#d4905c
```
#d4905c rgb(212,144,92)
```

Split Complementary Color

#64d45c
```
#64d45c rgb(100,212,92)
```
#5c64d4
```
#5c64d4 rgb(92,100,212)
```
#d45c64
```
#d45c64 rgb(212,92,100)
```

Triadic Color

#5cd4cc
```
#5cd4cc rgb(92,212,204)
```
#5c64d4
```
#5c64d4 rgb(92,100,212)
```
#d45c64
```
#d45c64 rgb(212,92,100)
```
#d4cc5c
```
#d4cc5c rgb(212,204,92)
```

Tetradic Color

#2f38b4
```
#2f38b4 rgb(47,56,180)
```
#353fc8
```
#353fc8 rgb(53,63,200)
```
#4851cf
```
#4851cf rgb(72,81,207)
```
#5c64d4
```
#5c64d4 rgb(92,100,212)
```
#7077d9
```
#7077d9 rgb(112,119,217)
```
#848adf
```
#848adf rgb(132,138,223)
```
#999ee4
```
#999ee4 rgb(153,158,228)
```

Monochromatic Color

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

#5c82d4
```
#5c82d4 rgb(92,130,212)
```
#5c78d4
```
#5c78d4 rgb(92,120,212)
```
#5c6ed4
```
#5c6ed4 rgb(92,110,212)
```
#5c64d4
```
#5c64d4 rgb(92,100,212)
```
#5e5cd4
```
#5e5cd4 rgb(94,92,212)
```
#685cd4
```
#685cd4 rgb(104,92,212)
```
#725cd4
```
#725cd4 rgb(114,92,212)
```

Similar Colors

Text with hexadecimal color #5c64d4

This text has a font color of #5c64d4.

<span style="color:#5c64d4;">Text here</span>

#5c64d4 background color

This paragraph has a background color of #5c64d4.

<p style="background-color:#5c64d4;">Content here</p>

#5c64d4 border color

This element has a border color of #5c64d4.

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

CSS codes

.text {color:#5c64d4;}

.background {background-color:#5c64d4;}

.border {border:1px solid #5c64d4;}

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

#020208
```
#020208 rgb(2,2,8)
```
#060717
```
#060717 rgb(6,7,23)
```
#0a0c27
```
#0a0c27 rgb(10,12,39)
```
#0e1136
```
#0e1136 rgb(14,17,54)
```
#121646
```
#121646 rgb(18,22,70)
```
#171b55
```
#171b55 rgb(23,27,85)
```
#1b2065
```
#1b2065 rgb(27,32,101)
```
#1f2474
```
#1f2474 rgb(31,36,116)
```
#232984
```
#232984 rgb(35,41,132)
```
#272e93
```
#272e93 rgb(39,46,147)
```
#2b33a3
```
#2b33a3 rgb(43,51,163)
```
#2f38b2
```
#2f38b2 rgb(47,56,178)
```
#333dc2
```
#333dc2 rgb(51,61,194)
```

Shade Color Variation

#3d46cc
```
#3d46cc rgb(61,70,204)
```
#4c55d0
```
#4c55d0 rgb(76,85,208)
```
#5c64d4
```
#5c64d4 rgb(92,100,212)
```
#6c73d8
```
#6c73d8 rgb(108,115,216)
```
#7b82dc
```
#7b82dc rgb(123,130,220)
```
#8b90e0
```
#8b90e0 rgb(139,144,224)
```
#9a9fe4
```
#9a9fe4 rgb(154,159,228)
```
#aaaee8
```
#aaaee8 rgb(170,174,232)
```
#b9bded
```
#b9bded rgb(185,189,237)
```
#c9cbf1
```
#c9cbf1 rgb(201,203,241)
```
#d8daf5
```
#d8daf5 rgb(216,218,245)
```
#e8e9f9
```
#e8e9f9 rgb(232,233,249)
```
#f7f8fd
```
#f7f8fd rgb(247,248,253)
```

Tint Color Variation

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

#93949d
```
#93949d rgb(147,148,157)
```
#8c8da4
```
#8c8da4 rgb(140,141,164)
```
#8486ac
```
#8486ac rgb(132,134,172)
```
#7c7fb4
```
#7c7fb4 rgb(124,127,180)
```
#7479bc
```
#7479bc rgb(116,121,188)
```
#6c72c4
```
#6c72c4 rgb(108,114,196)
```
#646bcc
```
#646bcc rgb(100,107,204)
```
#5c64d4
```
#5c64d4 rgb(92,100,212)
```
#545ddc
```
#545ddc rgb(84,93,220)
```
#4c56e4
```
#4c56e4 rgb(76,86,228)
```
#444fec
```
#444fec rgb(68,79,236)
```
#3c49f4
```
#3c49f4 rgb(60,73,244)
```
#3442fc
```
#3442fc rgb(52,66,252)
```

Tone Color Variation

Below, you can see how #5c64d4 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

#6e6e6e Achromatopsia 0.005% of the population
#6a6c82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2973dd Protanopia 1% of men
#0079c9 Deuteranopia 1% of men
#3c8089 Tritanopia 0.001% of the population

Trichromacy

#3b6ed9 Protanomaly 1% of men, 0.01% of women
#2171cd Deuteranomaly 6% of men, 0.4% of women
#4776a4 Tritanomaly 0.01% of the population