#5176c2 Color Information
In a RGB color space, hex #5176c2 is composed of 31.8% red, 46.3% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 39.2% magenta, 0% yellow and 23.9% black. It has a hue angle of 220.4 degrees, a saturation of 48.1% and a lightness of 53.9%. #5176c2 color hex could be obtained by blending #a2ecff with #000085. Closest websafe color is: #6666cc.
-
- R 32
- G 46
- B 76
-
- C 58
- M 39
- Y 0
- K 24
● #5176c2 color description : Moderate blue.
#5176c2 Color Conversion
The hexadecimal color #5176c2 has RGB values of R:81, G:118, B:194 and CMYK values of C:0.58, M:0.39, Y:0, K:0.24. Its decimal value is 5338818.
Hex triplet | 5176c2 | #5176c2 |
---|---|---|
RGB Decimal | 81, 118, 194 | rgb(81,118,194) |
RGB Percent | 31.8, 46.3, 76.1 | rgb(31.8%,46.3%,76.1%) |
CMYK | 58, 39, 0, 24 | |
HSL | 220.4°, 48.1, 53.9 | hsl(220.4,48.1%,53.9%) |
HSV (or HSB) | 220.4°, 58.2, 76.1 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 50.216, 10.021, -43.745 |
---|---|
XYZ | 19.607, 18.6, 53.593 |
xyY | 0.214, 0.203, 18.6 |
CIE-LCH | 50.216, 44.879, 282.903 |
CIE-LUV | 50.216, -17.701, -67.85 |
Hunter-Lab | 43.128, 5.678, -43.487 |
Binary | 01010001, 01110110, 11000010 |
Color Schemes with #5176c2
Alternatives to #5176c2
Below, you can see some colors close to #5176c2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5176c2 Preview
This text has a font color of #5176c2.
<span style="color:#5176c2;">Text here</span>
This paragraph has a background color of #5176c2.
<p style="background-color:#5176c2;">Content here</p>
This element has a border color of #5176c2.
<div style="border:1px solid #5176c2;">Content here</div>
.text {color:#5176c2;}
.background {background-color:#5176c2;}
.border {border:1px solid #5176c2;}
Shades and Tints of #5176c2
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 #f1f4fa is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#05080f
#05080f
rgb(5,8,15)
-
#0a111d
#0a111d
rgb(10,17,29)
-
#0f192c
#0f192c
rgb(15,25,44)
-
#14213a
#14213a
rgb(20,33,58)
-
#1a2949
#1a2949
rgb(26,41,73)
-
#1f3157
#1f3157
rgb(31,49,87)
-
#243966
#243966
rgb(36,57,102)
-
#294274
#294274
rgb(41,66,116)
-
#2e4a83
#2e4a83
rgb(46,74,131)
-
#335292
#335292
rgb(51,82,146)
-
#385aa0
#385aa0
rgb(56,90,160)
-
#3d62af
#3d62af
rgb(61,98,175)
-
#426bbd
#426bbd
rgb(66,107,189)
-
#5176c2
#5176c2
rgb(81,118,194)
-
#6081c7
#6081c7
rgb(96,129,199)
-
#6e8dcc
#6e8dcc
rgb(110,141,204)
-
#7d98d1
#7d98d1
rgb(125,152,209)
-
#8ba4d6
#8ba4d6
rgb(139,164,214)
-
#9aafdb
#9aafdb
rgb(154,175,219)
-
#a8bbe1
#a8bbe1
rgb(168,187,225)
-
#b7c6e6
#b7c6e6
rgb(183,198,230)
-
#c5d1eb
#c5d1eb
rgb(197,209,235)
-
#d4ddf0
#d4ddf0
rgb(212,221,240)
-
#e2e8f5
#e2e8f5
rgb(226,232,245)
-
#f1f4fa
#f1f4fa
rgb(241,244,250)
Tones of #5176c2
A tone is produced by adding gray to any pure hue. In this case, #87898c is the less saturated color, while #1b63f8 is the most saturated one.
-
#87898c
#87898c
rgb(135,137,140)
-
#7e8695
#7e8695
rgb(126,134,149)
-
#75829e
#75829e
rgb(117,130,158)
-
#6c7fa7
#6c7fa7
rgb(108,127,167)
-
#637cb0
#637cb0
rgb(99,124,176)
-
#5a79b9
#5a79b9
rgb(90,121,185)
-
#5176c2
#5176c2
rgb(81,118,194)
-
#4873cb
#4873cb
rgb(72,115,203)
-
#3f70d4
#3f70d4
rgb(63,112,212)
-
#366ddd
#366ddd
rgb(54,109,221)
-
#2d6ae6
#2d6ae6
rgb(45,106,230)
-
#2466ef
#2466ef
rgb(36,102,239)
-
#1b63f8
#1b63f8
rgb(27,99,248)
Color Blindness Simulator
Below, you can see how #5176c2 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.