#5164ec hex color

In a RGB color space, hex #5164ec is composed of 31.8% red, 39.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 57.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 232.6 degrees, a saturation of 80.3% and a lightness of 62.2%. #5164ec color hex could be obtained by blending #a2c8ff with #0000d9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 32
- G 39
- B 93
RGB color chart
- C 66
- M 58
- Y 0
- K 7
CMYK color chart

● #5164ec color description : Soft blue.

The hexadecimal color #5164ec has RGB values of R:81, G:100, B:236 and CMYK values of C:0.66, M:0.58, Y:0, K:0.07. Its decimal value is 5334252.

Hex triplet	5164ec	`#5164ec`
RGB Decimal	81, 100, 236	`rgb(81,100,236)`
RGB Percent	31.8, 39.2, 92.5	`rgb(31.8%,39.2%,92.5%)`
CMYK	66, 58, 0, 7
HSL	232.6°, 80.3, 62.2	`hsl(232.6,80.3%,62.2%)`
HSV (or HSB)	232.6°, 65.7, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.157, 35.434, -70.902
XYZ	23.088, 16.919, 81.401
xyY	0.19, 0.139, 16.919
CIE-LCH	48.157, 79.263, 296.554
CIE-LUV	48.157, -12.9, -110.257
Hunter-Lab	41.132, 28.212, -88.543
Binary	01010001, 01100100, 11101100

#5164ec
```
#5164ec rgb(81,100,236)
```
#ecd951
```
#ecd951 rgb(236,217,81)
```

Complementary Color

#51b2ec
```
#51b2ec rgb(81,178,236)
```
#5164ec
```
#5164ec rgb(81,100,236)
```
#8c51ec
```
#8c51ec rgb(140,81,236)
```

Analogous Color

#b2ec51
```
#b2ec51 rgb(178,236,81)
```
#5164ec
```
#5164ec rgb(81,100,236)
```
#ec8c51
```
#ec8c51 rgb(236,140,81)
```

Split Complementary Color

#64ec51
```
#64ec51 rgb(100,236,81)
```
#5164ec
```
#5164ec rgb(81,100,236)
```
#ec5164
```
#ec5164 rgb(236,81,100)
```

Triadic Color

#51ecd9
```
#51ecd9 rgb(81,236,217)
```
#5164ec
```
#5164ec rgb(81,100,236)
```
#ec5164
```
#ec5164 rgb(236,81,100)
```
#ecd951
```
#ecd951 rgb(236,217,81)
```

Tetradic Color

#182fd9
```
#182fd9 rgb(24,47,217)
```
#233be7
```
#233be7 rgb(35,59,231)
```
#3a50e9
```
#3a50e9 rgb(58,80,233)
```
#5164ec
```
#5164ec rgb(81,100,236)
```
#6878ef
```
#6878ef rgb(104,120,239)
```
#7f8df1
```
#7f8df1 rgb(127,141,241)
```
#96a1f4
```
#96a1f4 rgb(150,161,244)
```

Monochromatic Color

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

#518bec
```
#518bec rgb(81,139,236)
```
#517eec
```
#517eec rgb(81,126,236)
```
#5171ec
```
#5171ec rgb(81,113,236)
```
#5164ec
```
#5164ec rgb(81,100,236)
```
#5157ec
```
#5157ec rgb(81,87,236)
```
#5851ec
```
#5851ec rgb(88,81,236)
```
#6551ec
```
#6551ec rgb(101,81,236)
```

Similar Colors

Text with hexadecimal color #5164ec

This text has a font color of #5164ec.

<span style="color:#5164ec;">Text here</span>

#5164ec background color

This paragraph has a background color of #5164ec.

<p style="background-color:#5164ec;">Content here</p>

#5164ec border color

This element has a border color of #5164ec.

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

CSS codes

.text {color:#5164ec;}

.background {background-color:#5164ec;}

.border {border:1px solid #5164ec;}

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

#000103
```
#000103 rgb(0,1,3)
```
#020415
```
#020415 rgb(2,4,21)
```
#040826
```
#040826 rgb(4,8,38)
```
#060c38
```
#060c38 rgb(6,12,56)
```
#08104a
```
#08104a rgb(8,16,74)
```
#0a145b
```
#0a145b rgb(10,20,91)
```
#0c186d
```
#0c186d rgb(12,24,109)
```
#0e1c7f
```
#0e1c7f rgb(14,28,127)
```
#102090
```
#102090 rgb(16,32,144)
```
#1223a2
```
#1223a2 rgb(18,35,162)
```
#1427b4
```
#1427b4 rgb(20,39,180)
```
#162bc5
```
#162bc5 rgb(22,43,197)
```
#172fd7
```
#172fd7 rgb(23,47,215)
```

Shade Color Variation

#1c35e6
```
#1c35e6 rgb(28,53,230)
```
#2e44e8
```
#2e44e8 rgb(46,68,232)
```
#3f54ea
```
#3f54ea rgb(63,84,234)
```
#5164ec
```
#5164ec rgb(81,100,236)
```
#6374ee
```
#6374ee rgb(99,116,238)
```
#7484f0
```
#7484f0 rgb(116,132,240)
```
#8693f2
```
#8693f2 rgb(134,147,242)
```
#98a3f4
```
#98a3f4 rgb(152,163,244)
```
#a9b3f6
```
#a9b3f6 rgb(169,179,246)
```
#bbc3f8
```
#bbc3f8 rgb(187,195,248)
```
#cdd2fa
```
#cdd2fa rgb(205,210,250)
```
#dee2fb
```
#dee2fb rgb(222,226,251)
```
#f0f2fd
```
#f0f2fd rgb(240,242,253)
```

Tint Color Variation

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

#9b9ca2
```
#9b9ca2 rgb(155,156,162)
```
#9496a9
```
#9496a9 rgb(148,150,169)
```
#8c91b1
```
#8c91b1 rgb(140,145,177)
```
#858bb8
```
#858bb8 rgb(133,139,184)
```
#7e86bf
```
#7e86bf rgb(126,134,191)
```
#7680c7
```
#7680c7 rgb(118,128,199)
```
#6f7ace
```
#6f7ace rgb(111,122,206)
```
#6775d6
```
#6775d6 rgb(103,117,214)
```
#606fdd
```
#606fdd rgb(96,111,221)
```
#586ae5
```
#586ae5 rgb(88,106,229)
```
#5164ec
```
#5164ec rgb(81,100,236)
```
#4a5ef3
```
#4a5ef3 rgb(74,94,243)
```
#4259fb
```
#4259fb rgb(66,89,251)
```

Tone Color Variation

Below, you can see how #5164ec 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
#686c87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#00858e Tritanopia 0.001% of the population

Trichromacy

#1d6fe8 Protanomaly 1% of men, 0.01% of women
#1d73d6 Deuteranomaly 6% of men, 0.4% of women
#1d79b0 Tritanomaly 0.01% of the population

#5164ec hex color

#5164ec Color Information

#5164ec Color Conversion

Color Schemes with #5164ec

Alternatives to #5164ec

#5164ec Preview

Shades and Tints of #5164ec

Tones of #5164ec

Color Blindness Simulator