#5164d5 hex color

In a RGB color space, hex #5164d5 is composed of 31.8% red, 39.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 53.1% magenta, 0% yellow and 16.5% black. It has a hue angle of 231.4 degrees, a saturation of 61.1% and a lightness of 57.6%. #5164d5 color hex could be obtained by blending #a2c8ff with #0000ab. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 39
- B 84
RGB color chart
- C 62
- M 53
- Y 0
- K 16
CMYK color chart

● #5164d5 color description : Moderate blue.

The hexadecimal color #5164d5 has RGB values of R:81, G:100, B:213 and CMYK values of C:0.62, M:0.53, Y:0, K:0.16. Its decimal value is 5334229.

Hex triplet	5164d5	`#5164d5`
RGB Decimal	81, 100, 213	`rgb(81,100,213)`
RGB Percent	31.8, 39.2, 83.5	`rgb(31.8%,39.2%,83.5%)`
CMYK	62, 53, 0, 16
HSL	231.4°, 61.1, 57.6	`hsl(231.4,61.1%,57.6%)`
HSV (or HSB)	231.4°, 62, 83.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.534, 27.644, -60.515
XYZ	19.958, 15.667, 64.919
xyY	0.199, 0.156, 15.667
CIE-LCH	46.534, 66.53, 294.552
CIE-LUV	46.534, -12.293, -93.648
Hunter-Lab	39.581, 20.739, -69.538
Binary	01010001, 01100100, 11010101

#5164d5
```
#5164d5 rgb(81,100,213)
```
#d5c251
```
#d5c251 rgb(213,194,81)
```

Complementary Color

#51a6d5
```
#51a6d5 rgb(81,166,213)
```
#5164d5
```
#5164d5 rgb(81,100,213)
```
#8051d5
```
#8051d5 rgb(128,81,213)
```

Analogous Color

#a6d551
```
#a6d551 rgb(166,213,81)
```
#5164d5
```
#5164d5 rgb(81,100,213)
```
#d58051
```
#d58051 rgb(213,128,81)
```

Split Complementary Color

#64d551
```
#64d551 rgb(100,213,81)
```
#5164d5
```
#5164d5 rgb(81,100,213)
```
#d55164
```
#d55164 rgb(213,81,100)
```

Triadic Color

#51d5c2
```
#51d5c2 rgb(81,213,194)
```
#5164d5
```
#5164d5 rgb(81,100,213)
```
#d55164
```
#d55164 rgb(213,81,100)
```
#d5c251
```
#d5c251 rgb(213,194,81)
```

Tetradic Color

#2a3daf
```
#2a3daf rgb(42,61,175)
```
#2f45c4
```
#2f45c4 rgb(47,69,196)
```
#3c52d0
```
#3c52d0 rgb(60,82,208)
```
#5164d5
```
#5164d5 rgb(81,100,213)
```
#6676da
```
#6676da rgb(102,118,218)
```
#7a89df
```
#7a89df rgb(122,137,223)
```
#8f9be4
```
#8f9be4 rgb(143,155,228)
```

Monochromatic Color

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

#5185d5
```
#5185d5 rgb(81,133,213)
```
#517ad5
```
#517ad5 rgb(81,122,213)
```
#516fd5
```
#516fd5 rgb(81,111,213)
```
#5164d5
```
#5164d5 rgb(81,100,213)
```
#5159d5
```
#5159d5 rgb(81,89,213)
```
#5451d5
```
#5451d5 rgb(84,81,213)
```
#5f51d5
```
#5f51d5 rgb(95,81,213)
```

Similar Colors

Text with hexadecimal color #5164d5

This text has a font color of #5164d5.

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

#5164d5 background color

This paragraph has a background color of #5164d5.

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

#5164d5 border color

This element has a border color of #5164d5.

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

CSS codes

.text {color:#5164d5;}

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

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

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

#040510
```
#040510 rgb(4,5,16)
```
#080b1f
```
#080b1f rgb(8,11,31)
```
#0b112f
```
#0b112f rgb(11,17,47)
```
#0f163f
```
#0f163f rgb(15,22,63)
```
#131c4f
```
#131c4f rgb(19,28,79)
```
#17215f
```
#17215f rgb(23,33,95)
```
#1b276e
```
#1b276e rgb(27,39,110)
```
#1e2c7e
```
#1e2c7e rgb(30,44,126)
```
#22328e
```
#22328e rgb(34,50,142)
```
#26379e
```
#26379e rgb(38,55,158)
```
#2a3dae
```
#2a3dae rgb(42,61,174)
```
#2e42bd
```
#2e42bd rgb(46,66,189)
```
#3248cd
```
#3248cd rgb(50,72,205)
```

Shade Color Variation

#4156d1
```
#4156d1 rgb(65,86,209)
```
#5164d5
```
#5164d5 rgb(81,100,213)
```
#6172d9
```
#6172d9 rgb(97,114,217)
```
#7180dd
```
#7180dd rgb(113,128,221)
```
#808ee0
```
#808ee0 rgb(128,142,224)
```
#909ce4
```
#909ce4 rgb(144,156,228)
```
#a0aae8
```
#a0aae8 rgb(160,170,232)
```
#b0b8ec
```
#b0b8ec rgb(176,184,236)
```
#c0c7f0
```
#c0c7f0 rgb(192,199,240)
```
#cfd5f4
```
#cfd5f4 rgb(207,213,244)
```
#dfe3f7
```
#dfe3f7 rgb(223,227,247)
```
#eff1fb
```
#eff1fb rgb(239,241,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8b8d9b
```
#8b8d9b rgb(139,141,155)
```
#8387a3
```
#8387a3 rgb(131,135,163)
```
#7b82ab
```
#7b82ab rgb(123,130,171)
```
#727cb4
```
#727cb4 rgb(114,124,180)
```
#6a76bc
```
#6a76bc rgb(106,118,188)
```
#6270c4
```
#6270c4 rgb(98,112,196)
```
#596acd
```
#596acd rgb(89,106,205)
```
#5164d5
```
#5164d5 rgb(81,100,213)
```
#495edd
```
#495edd rgb(73,94,221)
```
#4058e6
```
#4058e6 rgb(64,88,230)
```
#3852ee
```
#3852ee rgb(56,82,238)
```
#304cf6
```
#304cf6 rgb(48,76,246)
```
#2746ff
```
#2746ff rgb(39,70,255)
```

Tone Color Variation

Below, you can see how #5164d5 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

#6b6b6b Achromatopsia 0.005% of the population
#666a80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2072dc Protanopia 1% of men
#0078c5 Deuteranopia 1% of men
#1d808a Tritanopia 0.001% of the population

Trichromacy

#326dda Protanomaly 1% of men, 0.01% of women
#1d70cb Deuteranomaly 6% of men, 0.4% of women
#3076a5 Tritanomaly 0.01% of the population

#5164d5 hex color

#5164d5 Color Information

#5164d5 Color Conversion

Color Schemes with #5164d5

Alternatives to #5164d5

#5164d5 Preview

Shades and Tints of #5164d5

Tones of #5164d5

Color Blindness Simulator