#5166c2 hex color

In a RGB color space, hex #5166c2 is composed of 31.8% red, 40% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 47.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 228.8 degrees, a saturation of 48.1% and a lightness of 53.9%. #5166c2 color hex could be obtained by blending #a2ccff with #000085. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 40
- B 76
RGB color chart
- C 58
- M 47
- Y 0
- K 24
CMYK color chart

● #5166c2 color description : Moderate blue.

The hexadecimal color #5166c2 has RGB values of R:81, G:102, B:194 and CMYK values of C:0.58, M:0.47, Y:0, K:0.24. Its decimal value is 5334722.

Hex triplet	5166c2	`#5166c2`
RGB Decimal	81, 102, 194	`rgb(81,102,194)`
RGB Percent	31.8, 40, 76.1	`rgb(31.8%,40%,76.1%)`
CMYK	58, 47, 0, 24
HSL	228.8°, 48.1, 53.9	`hsl(228.8,48.1%,53.9%)`
HSV (or HSB)	228.8°, 58.2, 76.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.834, 19.969, -50.734
XYZ	17.88, 15.146, 53.017
xyY	0.208, 0.176, 15.146
CIE-LCH	45.834, 54.522, 291.485
CIE-LUV	45.834, -12.431, -78.07
Hunter-Lab	38.918, 13.902, -53.527
Binary	01010001, 01100110, 11000010

#5166c2
```
#5166c2 rgb(81,102,194)
```
#c2ad51
```
#c2ad51 rgb(194,173,81)
```

Complementary Color

#519fc2
```
#519fc2 rgb(81,159,194)
```
#5166c2
```
#5166c2 rgb(81,102,194)
```
#7551c2
```
#7551c2 rgb(117,81,194)
```

Analogous Color

#9fc251
```
#9fc251 rgb(159,194,81)
```
#5166c2
```
#5166c2 rgb(81,102,194)
```
#c27551
```
#c27551 rgb(194,117,81)
```

Split Complementary Color

#66c251
```
#66c251 rgb(102,194,81)
```
#5166c2
```
#5166c2 rgb(81,102,194)
```
#c25166
```
#c25166 rgb(194,81,102)
```

Triadic Color

#51c2ad
```
#51c2ad rgb(81,194,173)
```
#5166c2
```
#5166c2 rgb(81,102,194)
```
#c25166
```
#c25166 rgb(194,81,102)
```
#c2ad51
```
#c2ad51 rgb(194,173,81)
```

Tetradic Color

#344593
```
#344593 rgb(52,69,147)
```
#3a4ea6
```
#3a4ea6 rgb(58,78,166)
```
#4157b9
```
#4157b9 rgb(65,87,185)
```
#5166c2
```
#5166c2 rgb(81,102,194)
```
#6477c9
```
#6477c9 rgb(100,119,201)
```
#7787cf
```
#7787cf rgb(119,135,207)
```
#8a98d6
```
#8a98d6 rgb(138,152,214)
```

Monochromatic Color

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

#5182c2
```
#5182c2 rgb(81,130,194)
```
#5179c2
```
#5179c2 rgb(81,121,194)
```
#516fc2
```
#516fc2 rgb(81,111,194)
```
#5166c2
```
#5166c2 rgb(81,102,194)
```
#515dc2
```
#515dc2 rgb(81,93,194)
```
#5153c2
```
#5153c2 rgb(81,83,194)
```
#5851c2
```
#5851c2 rgb(88,81,194)
```

Similar Colors

Text with hexadecimal color #5166c2

This text has a font color of #5166c2.

<span style="color:#5166c2;">Text here</span>

#5166c2 background color

This paragraph has a background color of #5166c2.

<p style="background-color:#5166c2;">Content here</p>

#5166c2 border color

This element has a border color of #5166c2.

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

CSS codes

.text {color:#5166c2;}

.background {background-color:#5166c2;}

.border {border:1px solid #5166c2;}

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

#000000
```
#000000 rgb(0,0,0)
```
#05070f
```
#05070f rgb(5,7,15)
```
#0a0e1d
```
#0a0e1d rgb(10,14,29)
```
#0f152c
```
#0f152c rgb(15,21,44)
```
#141c3a
```
#141c3a rgb(20,28,58)
```
#1a2249
```
#1a2249 rgb(26,34,73)
```
#1f2957
```
#1f2957 rgb(31,41,87)
```
#243066
```
#243066 rgb(36,48,102)
```
#293774
```
#293774 rgb(41,55,116)
```
#2e3e83
```
#2e3e83 rgb(46,62,131)
```
#334592
```
#334592 rgb(51,69,146)
```
#384ba0
```
#384ba0 rgb(56,75,160)
```
#3d52af
```
#3d52af rgb(61,82,175)
```

Shade Color Variation

#4259bd
```
#4259bd rgb(66,89,189)
```
#5166c2
```
#5166c2 rgb(81,102,194)
```
#6073c7
```
#6073c7 rgb(96,115,199)
```
#6e80cc
```
#6e80cc rgb(110,128,204)
```
#7d8cd1
```
#7d8cd1 rgb(125,140,209)
```
#8b99d6
```
#8b99d6 rgb(139,153,214)
```
#9aa6db
```
#9aa6db rgb(154,166,219)
```
#a8b3e1
```
#a8b3e1 rgb(168,179,225)
```
#b7bfe6
```
#b7bfe6 rgb(183,191,230)
```
#c5cceb
```
#c5cceb rgb(197,204,235)
```
#d4d9f0
```
#d4d9f0 rgb(212,217,240)
```
#e2e6f5
```
#e2e6f5 rgb(226,230,245)
```
#f1f2fa
```
#f1f2fa rgb(241,242,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87888c is the less saturated color, while #1b44f8 is the most saturated one.

#87888c
```
#87888c rgb(135,136,140)
```
#7e8295
```
#7e8295 rgb(126,130,149)
```
#757d9e
```
#757d9e rgb(117,125,158)
```
#6c77a7
```
#6c77a7 rgb(108,119,167)
```
#6371b0
```
#6371b0 rgb(99,113,176)
```
#5a6cb9
```
#5a6cb9 rgb(90,108,185)
```
#5166c2
```
#5166c2 rgb(81,102,194)
```
#4860cb
```
#4860cb rgb(72,96,203)
```
#3f5bd4
```
#3f5bd4 rgb(63,91,212)
```
#3655dd
```
#3655dd rgb(54,85,221)
```
#2d4fe6
```
#2d4fe6 rgb(45,79,230)
```
#244aef
```
#244aef rgb(36,74,239)
```
#1b44f8
```
#1b44f8 rgb(27,68,248)
```

Tone Color Variation

Below, you can see how #5166c2 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

#6a6a6a Achromatopsia 0.005% of the population
#65697c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4471c8 Protanopia 1% of men
#2575c1 Deuteranopia 1% of men
#377d86 Tritanopia 0.001% of the population

Trichromacy

#486dc5 Protanomaly 1% of men, 0.01% of women
#3570c1 Deuteranomaly 6% of men, 0.4% of women
#40749c Tritanomaly 0.01% of the population

#5166c2 hex color

#5166c2 Color Information

#5166c2 Color Conversion

Color Schemes with #5166c2

Alternatives to #5166c2

#5166c2 Preview

Shades and Tints of #5166c2

Tones of #5166c2

Color Blindness Simulator