#5163af hex color

In a RGB color space, hex #5163af is composed of 31.8% red, 38.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 43.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 228.5 degrees, a saturation of 37% and a lightness of 50.2%. #5163af color hex could be obtained by blending #a2c6ff with #00005f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 32
- G 39
- B 69
RGB color chart
- C 54
- M 43
- Y 0
- K 31
CMYK color chart

● #5163af color description : Dark moderate blue.

The hexadecimal color #5163af has RGB values of R:81, G:99, B:175 and CMYK values of C:0.54, M:0.43, Y:0, K:0.31. Its decimal value is 5333935.

Hex triplet	5163af	`#5163af`
RGB Decimal	81, 99, 175	`rgb(81,99,175)`
RGB Percent	31.8, 38.8, 68.6	`rgb(31.8%,38.8%,68.6%)`
CMYK	54, 43, 0, 31
HSL	228.5°, 37, 50.2	`hsl(228.5,37%,50.2%)`
HSV (or HSB)	228.5°, 53.7, 68.6
Web Safe	666699	`#666699`

CIE-LAB	43.898, 15.528, -42.767
XYZ	15.591, 13.767, 42.391
xyY	0.217, 0.192, 13.767
CIE-LCH	43.898, 45.498, 289.955
CIE-LUV	43.898, -11.004, -64.818
Hunter-Lab	37.105, 10.073, -41.764
Binary	01010001, 01100011, 10101111

#5163af
```
#5163af rgb(81,99,175)
```
#af9d51
```
#af9d51 rgb(175,157,81)
```

Complementary Color

#5192af
```
#5192af rgb(81,146,175)
```
#5163af
```
#5163af rgb(81,99,175)
```
#6e51af
```
#6e51af rgb(110,81,175)
```

Analogous Color

#92af51
```
#92af51 rgb(146,175,81)
```
#5163af
```
#5163af rgb(81,99,175)
```
#af6e51
```
#af6e51 rgb(175,110,81)
```

Split Complementary Color

#63af51
```
#63af51 rgb(99,175,81)
```
#5163af
```
#5163af rgb(81,99,175)
```
#af5163
```
#af5163 rgb(175,81,99)
```

Triadic Color

#51af9d
```
#51af9d rgb(81,175,157)
```
#5163af
```
#5163af rgb(81,99,175)
```
#af5163
```
#af5163 rgb(175,81,99)
```
#af9d51
```
#af9d51 rgb(175,157,81)
```

Tetradic Color

#39457b
```
#39457b rgb(57,69,123)
```
#414f8c
```
#414f8c rgb(65,79,140)
```
#49599e
```
#49599e rgb(73,89,158)
```
#5163af
```
#5163af rgb(81,99,175)
```
#6273b7
```
#6273b7 rgb(98,115,183)
```
#7482bf
```
#7482bf rgb(116,130,191)
```
#8592c7
```
#8592c7 rgb(133,146,199)
```

Monochromatic Color

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

#517baf
```
#517baf rgb(81,123,175)
```
#5173af
```
#5173af rgb(81,115,175)
```
#516baf
```
#516baf rgb(81,107,175)
```
#5163af
```
#5163af rgb(81,99,175)
```
#515baf
```
#515baf rgb(81,91,175)
```
#5153af
```
#5153af rgb(81,83,175)
```
#5651af
```
#5651af rgb(86,81,175)
```

Similar Colors

Text with hexadecimal color #5163af

This text has a font color of #5163af.

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

#5163af background color

This paragraph has a background color of #5163af.

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

#5163af border color

This element has a border color of #5163af.

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

CSS codes

.text {color:#5163af;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#06080e
```
#06080e rgb(6,8,14)
```
#0d101c
```
#0d101c rgb(13,16,28)
```
#131729
```
#131729 rgb(19,23,41)
```
#191f36
```
#191f36 rgb(25,31,54)
```
#1f2644
```
#1f2644 rgb(31,38,68)
```
#252e51
```
#252e51 rgb(37,46,81)
```
#2c355f
```
#2c355f rgb(44,53,95)
```
#323d6c
```
#323d6c rgb(50,61,108)
```
#38447a
```
#38447a rgb(56,68,122)
```
#3e4c87
```
#3e4c87 rgb(62,76,135)
```
#445494
```
#445494 rgb(68,84,148)
```
#4a5ba2
```
#4a5ba2 rgb(74,91,162)
```

Shade Color Variation

#5163af
```
#5163af rgb(81,99,175)
```
#5e6fb5
```
#5e6fb5 rgb(94,111,181)
```
#6c7bbb
```
#6c7bbb rgb(108,123,187)
```
#7987c2
```
#7987c2 rgb(121,135,194)
```
#8793c8
```
#8793c8 rgb(135,147,200)
```
#949fce
```
#949fce rgb(148,159,206)
```
#a2abd4
```
#a2abd4 rgb(162,171,212)
```
#afb7da
```
#afb7da rgb(175,183,218)
```
#bcc3e0
```
#bcc3e0 rgb(188,195,224)
```
#cacfe7
```
#cacfe7 rgb(202,207,231)
```
#d7dbed
```
#d7dbed rgb(215,219,237)
```
#e5e8f3
```
#e5e8f3 rgb(229,232,243)
```
#f2f4f9
```
#f2f4f9 rgb(242,244,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787b88 is the less saturated color, while #0333fd is the most saturated one.

#787b88
```
#787b88 rgb(120,123,136)
```
#6e7592
```
#6e7592 rgb(110,117,146)
```
#656f9b
```
#656f9b rgb(101,111,155)
```
#5b69a5
```
#5b69a5 rgb(91,105,165)
```
#5163af
```
#5163af rgb(81,99,175)
```
#475db9
```
#475db9 rgb(71,93,185)
```
#3d57c3
```
#3d57c3 rgb(61,87,195)
```
#3451cc
```
#3451cc rgb(52,81,204)
```
#2a4bd6
```
#2a4bd6 rgb(42,75,214)
```
#2045e0
```
#2045e0 rgb(32,69,224)
```
#163fea
```
#163fea rgb(22,63,234)
```
#0d39f3
```
#0d39f3 rgb(13,57,243)
```
#0333fd
```
#0333fd rgb(3,51,253)
```

Tone Color Variation

Below, you can see how #5163af 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

#666666 Achromatopsia 0.005% of the population
#626575 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d6db4 Protanopia 1% of men
#3f70b1 Deuteranopia 1% of men
#43777f Tritanopia 0.001% of the population

Trichromacy

#4f69b2 Protanomaly 1% of men, 0.01% of women
#456bb0 Deuteranomaly 6% of men, 0.4% of women
#486f91 Tritanomaly 0.01% of the population

#5163af hex color

#5163af Color Information

#5163af Color Conversion

Color Schemes with #5163af

Alternatives to #5163af

#5163af Preview

Shades and Tints of #5163af

Tones of #5163af

Color Blindness Simulator