#5163d4 hex color

In a RGB color space, hex #5163d4 is composed of 31.8% red, 38.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 53.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 231.8 degrees, a saturation of 60.4% and a lightness of 57.5%. #5163d4 color hex could be obtained by blending #a2c6ff with #0000a9. Closest websafe color is: #6666cc.

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

● #5163d4 color description : Moderate blue.

The hexadecimal color #5163d4 has RGB values of R:81, G:99, B:212 and CMYK values of C:0.62, M:0.53, Y:0, K:0.17. Its decimal value is 5333972.

Hex triplet	5163d4	`#5163d4`
RGB Decimal	81, 99, 212	`rgb(81,99,212)`
RGB Percent	31.8, 38.8, 83.1	`rgb(31.8%,38.8%,83.1%)`
CMYK	62, 53, 0, 17
HSL	231.8°, 60.4, 57.5	`hsl(231.8,60.4%,57.5%)`
HSV (or HSB)	231.8°, 61.8, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.212, 27.93, -60.466
XYZ	19.736, 15.425, 64.221
xyY	0.199, 0.155, 15.425
CIE-LCH	46.212, 66.605, 294.793
CIE-LUV	46.212, -11.983, -93.419
Hunter-Lab	39.275, 20.967, -69.456
Binary	01010001, 01100011, 11010100

#5163d4
```
#5163d4 rgb(81,99,212)
```
#d4c251
```
#d4c251 rgb(212,194,81)
```

Complementary Color

#51a5d4
```
#51a5d4 rgb(81,165,212)
```
#5163d4
```
#5163d4 rgb(81,99,212)
```
#8151d4
```
#8151d4 rgb(129,81,212)
```

Analogous Color

#a5d451
```
#a5d451 rgb(165,212,81)
```
#5163d4
```
#5163d4 rgb(81,99,212)
```
#d48151
```
#d48151 rgb(212,129,81)
```

Split Complementary Color

#63d451
```
#63d451 rgb(99,212,81)
```
#5163d4
```
#5163d4 rgb(81,99,212)
```
#d45163
```
#d45163 rgb(212,81,99)
```

Triadic Color

#51d4c2
```
#51d4c2 rgb(81,212,194)
```
#5163d4
```
#5163d4 rgb(81,99,212)
```
#d45163
```
#d45163 rgb(212,81,99)
```
#d4c251
```
#d4c251 rgb(212,194,81)
```

Tetradic Color

#2b3dae
```
#2b3dae rgb(43,61,174)
```
#3044c2
```
#3044c2 rgb(48,68,194)
```
#3d51cf
```
#3d51cf rgb(61,81,207)
```
#5163d4
```
#5163d4 rgb(81,99,212)
```
#6575d9
```
#6575d9 rgb(101,117,217)
```
#7a88de
```
#7a88de rgb(122,136,222)
```
#8e9ae3
```
#8e9ae3 rgb(142,154,227)
```

Monochromatic Color

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

#5184d4
```
#5184d4 rgb(81,132,212)
```
#5179d4
```
#5179d4 rgb(81,121,212)
```
#516ed4
```
#516ed4 rgb(81,110,212)
```
#5163d4
```
#5163d4 rgb(81,99,212)
```
#5158d4
```
#5158d4 rgb(81,88,212)
```
#5551d4
```
#5551d4 rgb(85,81,212)
```
#6051d4
```
#6051d4 rgb(96,81,212)
```

Similar Colors

Text with hexadecimal color #5163d4

This text has a font color of #5163d4.

<span style="color:#5163d4;">Text here</span>

#5163d4 background color

This paragraph has a background color of #5163d4.

<p style="background-color:#5163d4;">Content here</p>

#5163d4 border color

This element has a border color of #5163d4.

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

CSS codes

.text {color:#5163d4;}

.background {background-color:#5163d4;}

.border {border:1px solid #5163d4;}

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, #04050f is the darkest color, while #fefeff is the lightest one.

#04050f
```
#04050f rgb(4,5,15)
```
#080b1e
```
#080b1e rgb(8,11,30)
```
#0b102e
```
#0b102e rgb(11,16,46)
```
#0f163e
```
#0f163e rgb(15,22,62)
```
#131b4e
```
#131b4e rgb(19,27,78)
```
#17215d
```
#17215d rgb(23,33,93)
```
#1b266d
```
#1b266d rgb(27,38,109)
```
#1f2c7d
```
#1f2c7d rgb(31,44,125)
```
#23318d
```
#23318d rgb(35,49,141)
```
#27379c
```
#27379c rgb(39,55,156)
```
#2b3cac
```
#2b3cac rgb(43,60,172)
```
#2e42bc
```
#2e42bc rgb(46,66,188)
```
#3247cb
```
#3247cb rgb(50,71,203)
```

Shade Color Variation

#4155d0
```
#4155d0 rgb(65,85,208)
```
#5163d4
```
#5163d4 rgb(81,99,212)
```
#6171d8
```
#6171d8 rgb(97,113,216)
```
#707fdc
```
#707fdc rgb(112,127,220)
```
#808de0
```
#808de0 rgb(128,141,224)
```
#909be4
```
#909be4 rgb(144,155,228)
```
#a0aae7
```
#a0aae7 rgb(160,170,231)
```
#afb8eb
```
#afb8eb rgb(175,184,235)
```
#bfc6ef
```
#bfc6ef rgb(191,198,239)
```
#cfd4f3
```
#cfd4f3 rgb(207,212,243)
```
#dfe2f7
```
#dfe2f7 rgb(223,226,247)
```
#eef0fb
```
#eef0fb rgb(238,240,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8b8d9a
```
#8b8d9a rgb(139,141,154)
```
#8387a2
```
#8387a2 rgb(131,135,162)
```
#7b81aa
```
#7b81aa rgb(123,129,170)
```
#727bb3
```
#727bb3 rgb(114,123,179)
```
#6a75bb
```
#6a75bb rgb(106,117,187)
```
#626fc3
```
#626fc3 rgb(98,111,195)
```
#5969cc
```
#5969cc rgb(89,105,204)
```
#5163d4
```
#5163d4 rgb(81,99,212)
```
#495ddc
```
#495ddc rgb(73,93,220)
```
#4057e5
```
#4057e5 rgb(64,87,229)
```
#3851ed
```
#3851ed rgb(56,81,237)
```
#304bf5
```
#304bf5 rgb(48,75,245)
```
#2745fe
```
#2745fe rgb(39,69,254)
```

Tone Color Variation

Below, you can see how #5163d4 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
#666980 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d71dc Protanopia 1% of men
#0077c4 Deuteranopia 1% of men
#1e7f89 Tritanopia 0.001% of the population

Trichromacy

#306cd9 Protanomaly 1% of men, 0.01% of women
#1d6fca Deuteranomaly 6% of men, 0.4% of women
#3175a4 Tritanomaly 0.01% of the population

#5163d4 hex color

#5163d4 Color Information

#5163d4 Color Conversion

Color Schemes with #5163d4

Alternatives to #5163d4

#5163d4 Preview

Shades and Tints of #5163d4

Tones of #5163d4

Color Blindness Simulator