#5166c3 hex color

In a RGB color space, hex #5166c3 is composed of 31.8% red, 40% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 47.7% magenta, 0% yellow and 23.5% black. It has a hue angle of 228.9 degrees, a saturation of 48.7% and a lightness of 54.1%. #5166c3 color hex could be obtained by blending #a2ccff with #000087. Closest websafe color is: #6666cc.

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

● #5166c3 color description : Moderate blue.

The hexadecimal color #5166c3 has RGB values of R:81, G:102, B:195 and CMYK values of C:0.58, M:0.48, Y:0, K:0.24. Its decimal value is 5334723.

Hex triplet	5166c3	`#5166c3`
RGB Decimal	81, 102, 195	`rgb(81,102,195)`
RGB Percent	31.8, 40, 76.5	`rgb(31.8%,40%,76.5%)`
CMYK	58, 48, 0, 24
HSL	228.9°, 48.7, 54.1	`hsl(228.9,48.7%,54.1%)`
HSV (or HSB)	228.9°, 58.5, 76.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.895, 20.305, -51.213
XYZ	17.993, 15.191, 53.611
xyY	0.207, 0.175, 15.191
CIE-LCH	45.895, 55.091, 291.628
CIE-LUV	45.895, -12.453, -78.851
Hunter-Lab	38.976, 14.195, -54.269
Binary	01010001, 01100110, 11000011

#5166c3
```
#5166c3 rgb(81,102,195)
```
#c3ae51
```
#c3ae51 rgb(195,174,81)
```

Complementary Color

#519fc3
```
#519fc3 rgb(81,159,195)
```
#5166c3
```
#5166c3 rgb(81,102,195)
```
#7551c3
```
#7551c3 rgb(117,81,195)
```

Analogous Color

#9fc351
```
#9fc351 rgb(159,195,81)
```
#5166c3
```
#5166c3 rgb(81,102,195)
```
#c37551
```
#c37551 rgb(195,117,81)
```

Split Complementary Color

#66c351
```
#66c351 rgb(102,195,81)
```
#5166c3
```
#5166c3 rgb(81,102,195)
```
#c35166
```
#c35166 rgb(195,81,102)
```

Triadic Color

#51c3ae
```
#51c3ae rgb(81,195,174)
```
#5166c3
```
#5166c3 rgb(81,102,195)
```
#c35166
```
#c35166 rgb(195,81,102)
```
#c3ae51
```
#c3ae51 rgb(195,174,81)
```

Tetradic Color

#334594
```
#334594 rgb(51,69,148)
```
#3a4ea7
```
#3a4ea7 rgb(58,78,167)
```
#4057ba
```
#4057ba rgb(64,87,186)
```
#5166c3
```
#5166c3 rgb(81,102,195)
```
#6477ca
```
#6477ca rgb(100,119,202)
```
#7787d0
```
#7787d0 rgb(119,135,208)
```
#8a98d7
```
#8a98d7 rgb(138,152,215)
```

Monochromatic Color

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

#5183c3
```
#5183c3 rgb(81,131,195)
```
#5179c3
```
#5179c3 rgb(81,121,195)
```
#5170c3
```
#5170c3 rgb(81,112,195)
```
#5166c3
```
#5166c3 rgb(81,102,195)
```
#515dc3
```
#515dc3 rgb(81,93,195)
```
#5153c3
```
#5153c3 rgb(81,83,195)
```
#5851c3
```
#5851c3 rgb(88,81,195)
```

Similar Colors

Text with hexadecimal color #5166c3

This text has a font color of #5166c3.

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

#5166c3 background color

This paragraph has a background color of #5166c3.

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

#5166c3 border color

This element has a border color of #5166c3.

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

CSS codes

.text {color:#5166c3;}

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

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

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 #f1f3fa is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#050710
```
#050710 rgb(5,7,16)
```
#0a0e1e
```
#0a0e1e rgb(10,14,30)
```
#0f152d
```
#0f152d rgb(15,21,45)
```
#141c3b
```
#141c3b rgb(20,28,59)
```
#1a224a
```
#1a224a rgb(26,34,74)
```
#1f2959
```
#1f2959 rgb(31,41,89)
```
#243067
```
#243067 rgb(36,48,103)
```
#293776
```
#293776 rgb(41,55,118)
```
#2e3e84
```
#2e3e84 rgb(46,62,132)
```
#334493
```
#334493 rgb(51,68,147)
```
#384ba1
```
#384ba1 rgb(56,75,161)
```
#3d52b0
```
#3d52b0 rgb(61,82,176)
```

Shade Color Variation

#4259be
```
#4259be rgb(66,89,190)
```
#5166c3
```
#5166c3 rgb(81,102,195)
```
#6073c8
```
#6073c8 rgb(96,115,200)
```
#6e80cd
```
#6e80cd rgb(110,128,205)
```
#7d8cd2
```
#7d8cd2 rgb(125,140,210)
```
#8b99d7
```
#8b99d7 rgb(139,153,215)
```
#9aa6dc
```
#9aa6dc rgb(154,166,220)
```
#a9b3e1
```
#a9b3e1 rgb(169,179,225)
```
#b7c0e6
```
#b7c0e6 rgb(183,192,230)
```
#c6cdeb
```
#c6cdeb rgb(198,205,235)
```
#d4d9f0
```
#d4d9f0 rgb(212,217,240)
```
#e3e6f5
```
#e3e6f5 rgb(227,230,245)
```
#f1f3fa
```
#f1f3fa rgb(241,243,250)
```

Tint Color Variation

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

#87888d
```
#87888d rgb(135,136,141)
```
#7e8296
```
#7e8296 rgb(126,130,150)
```
#757d9f
```
#757d9f rgb(117,125,159)
```
#6c77a8
```
#6c77a8 rgb(108,119,168)
```
#6371b1
```
#6371b1 rgb(99,113,177)
```
#5a6cba
```
#5a6cba rgb(90,108,186)
```
#5166c3
```
#5166c3 rgb(81,102,195)
```
#4860cc
```
#4860cc rgb(72,96,204)
```
#3f5bd5
```
#3f5bd5 rgb(63,91,213)
```
#3655de
```
#3655de rgb(54,85,222)
```
#2d4fe7
```
#2d4fe7 rgb(45,79,231)
```
#244af0
```
#244af0 rgb(36,74,240)
```
#1b44f9
```
#1b44f9 rgb(27,68,249)
```

Tone Color Variation

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

#4371c9 Protanopia 1% of men
#2275c2 Deuteranopia 1% of men
#367d86 Tritanopia 0.001% of the population

Trichromacy

#486dc6 Protanomaly 1% of men, 0.01% of women
#3370c2 Deuteranomaly 6% of men, 0.4% of women
#40759c Tritanomaly 0.01% of the population

#5166c3 hex color

#5166c3 Color Information

#5166c3 Color Conversion

Color Schemes with #5166c3

Alternatives to #5166c3

#5166c3 Preview

Shades and Tints of #5166c3

Tones of #5166c3

Color Blindness Simulator