colorhexa.com

#517bc5 hex color

In a RGB color space, hex #517bc5 is composed of 31.8% red, 48.2% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 37.6% magenta, 0% yellow and 22.7% black. It has a hue angle of 218.3 degrees, a saturation of 50% and a lightness of 54.5%. #517bc5 color hex could be obtained by blending #a2f6ff with #00008b. Closest websafe color is: #6666cc.

- R 32
- G 48
- B 77
RGB color chart
- C 59
- M 38
- Y 0
- K 23
CMYK color chart

● #517bc5 color description : Moderate blue.

The hexadecimal color #517bc5 has RGB values of R:81, G:123, B:197 and CMYK values of C:0.59, M:0.38, Y:0, K:0.23. Its decimal value is 5340101.

Hex triplet	517bc5	`#517bc5`
RGB Decimal	81, 123, 197	`rgb(81,123,197)`
RGB Percent	31.8, 48.2, 77.3	`rgb(31.8%,48.2%,77.3%)`
CMYK	59, 38, 0, 23
HSL	218.3°, 50, 54.5	`hsl(218.3,50%,54.5%)`
HSV (or HSB)	218.3°, 58.9, 77.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.775, 7.972, -42.992
XYZ	20.552, 19.945, 55.587
xyY	0.214, 0.208, 19.945
CIE-LCH	51.775, 43.725, 280.505
CIE-LUV	51.775, -19.424, -66.872
Hunter-Lab	44.66, 3.988, -42.534
Binary	01010001, 01111011, 11000101

#517bc5
```
#517bc5 rgb(81,123,197)
```
#c59b51
```
#c59b51 rgb(197,155,81)
```

Complementary Color

#51b5c5
```
#51b5c5 rgb(81,181,197)
```
#517bc5
```
#517bc5 rgb(81,123,197)
```
#6151c5
```
#6151c5 rgb(97,81,197)
```

Analogous Color

#b5c551
```
#b5c551 rgb(181,197,81)
```
#517bc5
```
#517bc5 rgb(81,123,197)
```
#c56151
```
#c56151 rgb(197,97,81)
```

Split Complementary Color

#7bc551
```
#7bc551 rgb(123,197,81)
```
#517bc5
```
#517bc5 rgb(81,123,197)
```
#c5517b
```
#c5517b rgb(197,81,123)
```

Triadic Color

#51c59b
```
#51c59b rgb(81,197,155)
```
#517bc5
```
#517bc5 rgb(81,123,197)
```
#c5517b
```
#c5517b rgb(197,81,123)
```
#c59b51
```
#c59b51 rgb(197,155,81)
```

Tetradic Color

#325797
```
#325797 rgb(50,87,151)
```
#3962aa
```
#3962aa rgb(57,98,170)
```
#3f6dbd
```
#3f6dbd rgb(63,109,189)
```
#517bc5
```
#517bc5 rgb(81,123,197)
```
#648acb
```
#648acb rgb(100,138,203)
```
#7798d2
```
#7798d2 rgb(119,152,210)
```
#8aa7d8
```
#8aa7d8 rgb(138,167,216)
```

Monochromatic Color

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

#5198c5
```
#5198c5 rgb(81,152,197)
```
#518ec5
```
#518ec5 rgb(81,142,197)
```
#5185c5
```
#5185c5 rgb(81,133,197)
```
#517bc5
```
#517bc5 rgb(81,123,197)
```
#5171c5
```
#5171c5 rgb(81,113,197)
```
#5168c5
```
#5168c5 rgb(81,104,197)
```
#515ec5
```
#515ec5 rgb(81,94,197)
```

Similar Colors

Text with hexadecimal color #517bc5

This text has a font color of #517bc5.

<span style="color:#517bc5;">Text here</span>

#517bc5 background color

This paragraph has a background color of #517bc5.

<p style="background-color:#517bc5;">Content here</p>

#517bc5 border color

This element has a border color of #517bc5.

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

CSS codes

.text {color:#517bc5;}

.background {background-color:#517bc5;}

.border {border:1px solid #517bc5;}

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

#010103
```
#010103 rgb(1,1,3)
```
#060a11
```
#060a11 rgb(6,10,17)
```
#0b1220
```
#0b1220 rgb(11,18,32)
```
#101b2f
```
#101b2f rgb(16,27,47)
```
#14233d
```
#14233d rgb(20,35,61)
```
#192c4c
```
#192c4c rgb(25,44,76)
```
#1e345b
```
#1e345b rgb(30,52,91)
```
#233d6a
```
#233d6a rgb(35,61,106)
```
#284578
```
#284578 rgb(40,69,120)
```
#2d4e87
```
#2d4e87 rgb(45,78,135)
```
#325696
```
#325696 rgb(50,86,150)
```
#375ea4
```
#375ea4 rgb(55,94,164)
```
#3c67b3
```
#3c67b3 rgb(60,103,179)
```

Shade Color Variation

#4270c0
```
#4270c0 rgb(66,112,192)
```
#517bc5
```
#517bc5 rgb(81,123,197)
```
#6086ca
```
#6086ca rgb(96,134,202)
```
#6e91cf
```
#6e91cf rgb(110,145,207)
```
#7d9cd4
```
#7d9cd4 rgb(125,156,212)
```
#8ca8d9
```
#8ca8d9 rgb(140,168,217)
```
#9bb3de
```
#9bb3de rgb(155,179,222)
```
#a9bee2
```
#a9bee2 rgb(169,190,226)
```
#b8c9e7
```
#b8c9e7 rgb(184,201,231)
```
#c7d4ec
```
#c7d4ec rgb(199,212,236)
```
#d5dff1
```
#d5dff1 rgb(213,223,241)
```
#e4ebf6
```
#e4ebf6 rgb(228,235,246)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

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

#878a8f
```
#878a8f rgb(135,138,143)
```
#7e8798
```
#7e8798 rgb(126,135,152)
```
#7585a1
```
#7585a1 rgb(117,133,161)
```
#6c82aa
```
#6c82aa rgb(108,130,170)
```
#6380b3
```
#6380b3 rgb(99,128,179)
```
#5a7dbc
```
#5a7dbc rgb(90,125,188)
```
#517bc5
```
#517bc5 rgb(81,123,197)
```
#4879ce
```
#4879ce rgb(72,121,206)
```
#3f76d7
```
#3f76d7 rgb(63,118,215)
```
#3674e0
```
#3674e0 rgb(54,116,224)
```
#2d71e9
```
#2d71e9 rgb(45,113,233)
```
#246ff2
```
#246ff2 rgb(36,111,242)
```
#1b6cfb
```
#1b6cfb rgb(27,108,251)
```

Tone Color Variation

Below, you can see how #517bc5 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

#777777 Achromatopsia 0.005% of the population
#6f7887 Atypical Achromatopsia 0.001% of the population

Dichromacy

#657fc6 Protanopia 1% of men
#5682c7 Deuteranopia 1% of men
#3e8c97 Tritanopia 0.001% of the population

Trichromacy

#5d7ec5 Protanomaly 1% of men, 0.01% of women
#547fc6 Deuteranomaly 6% of men, 0.4% of women
#4586a7 Tritanomaly 0.01% of the population