#5170bf hex color

In a RGB color space, hex #5170bf is composed of 31.8% red, 43.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 41.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 223.1 degrees, a saturation of 46.2% and a lightness of 53.3%. #5170bf color hex could be obtained by blending #a2e0ff with #00007f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 44
- B 75
RGB color chart
- C 58
- M 41
- Y 0
- K 25
CMYK color chart

● #5170bf color description : Moderate blue.

The hexadecimal color #5170bf has RGB values of R:81, G:112, B:191 and CMYK values of C:0.58, M:0.41, Y:0, K:0.25. Its decimal value is 5337279.

Hex triplet	5170bf	`#5170bf`
RGB Decimal	81, 112, 191	`rgb(81,112,191)`
RGB Percent	31.8, 43.9, 74.9	`rgb(31.8%,43.9%,74.9%)`
CMYK	58, 41, 0, 25
HSL	223.1°, 46.2, 53.3	`hsl(223.1,46.2%,53.3%)`
HSV (or HSB)	223.1°, 57.6, 74.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.384, 12.717, -44.931
XYZ	18.589, 17.098, 51.608
xyY	0.213, 0.196, 17.098
CIE-LCH	48.384, 46.696, 285.803
CIE-LUV	48.384, -15.643, -69.423
Hunter-Lab	41.35, 7.884, -45.053
Binary	01010001, 01110000, 10111111

#5170bf
```
#5170bf rgb(81,112,191)
```
#bfa051
```
#bfa051 rgb(191,160,81)
```

Complementary Color

#51a7bf
```
#51a7bf rgb(81,167,191)
```
#5170bf
```
#5170bf rgb(81,112,191)
```
#6951bf
```
#6951bf rgb(105,81,191)
```

Analogous Color

#a7bf51
```
#a7bf51 rgb(167,191,81)
```
#5170bf
```
#5170bf rgb(81,112,191)
```
#bf6951
```
#bf6951 rgb(191,105,81)
```

Split Complementary Color

#70bf51
```
#70bf51 rgb(112,191,81)
```
#5170bf
```
#5170bf rgb(81,112,191)
```
#bf5170
```
#bf5170 rgb(191,81,112)
```

Triadic Color

#51bfa0
```
#51bfa0 rgb(81,191,160)
```
#5170bf
```
#5170bf rgb(81,112,191)
```
#bf5170
```
#bf5170 rgb(191,81,112)
```
#bfa051
```
#bfa051 rgb(191,160,81)
```

Tetradic Color

#354e8f
```
#354e8f rgb(53,78,143)
```
#3b58a2
```
#3b58a2 rgb(59,88,162)
```
#4262b4
```
#4262b4 rgb(66,98,180)
```
#5170bf
```
#5170bf rgb(81,112,191)
```
#647fc6
```
#647fc6 rgb(100,127,198)
```
#768fcd
```
#768fcd rgb(118,143,205)
```
#899ed4
```
#899ed4 rgb(137,158,212)
```

Monochromatic Color

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

#518cbf
```
#518cbf rgb(81,140,191)
```
#5182bf
```
#5182bf rgb(81,130,191)
```
#5179bf
```
#5179bf rgb(81,121,191)
```
#5170bf
```
#5170bf rgb(81,112,191)
```
#5167bf
```
#5167bf rgb(81,103,191)
```
#515ebf
```
#515ebf rgb(81,94,191)
```
#5155bf
```
#5155bf rgb(81,85,191)
```

Similar Colors

Text with hexadecimal color #5170bf

This text has a font color of #5170bf.

<span style="color:#5170bf;">Text here</span>

#5170bf background color

This paragraph has a background color of #5170bf.

<p style="background-color:#5170bf;">Content here</p>

#5170bf border color

This element has a border color of #5170bf.

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

CSS codes

.text {color:#5170bf;}

.background {background-color:#5170bf;}

.border {border:1px solid #5170bf;}

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, #05070c is the darkest color, while #fdfdfe is the lightest one.

#05070c
```
#05070c rgb(5,7,12)
```
#0a0f1b
```
#0a0f1b rgb(10,15,27)
```
#0f1629
```
#0f1629 rgb(15,22,41)
```
#141e37
```
#141e37 rgb(20,30,55)
```
#1a2646
```
#1a2646 rgb(26,38,70)
```
#1f2e54
```
#1f2e54 rgb(31,46,84)
```
#243662
```
#243662 rgb(36,54,98)
```
#293e71
```
#293e71 rgb(41,62,113)
```
#2f457f
```
#2f457f rgb(47,69,127)
```
#344d8d
```
#344d8d rgb(52,77,141)
```
#39559c
```
#39559c rgb(57,85,156)
```
#3f5daa
```
#3f5daa rgb(63,93,170)
```
#4465b9
```
#4465b9 rgb(68,101,185)
```

Shade Color Variation

#5170bf
```
#5170bf rgb(81,112,191)
```
#5f7cc4
```
#5f7cc4 rgb(95,124,196)
```
#6e88ca
```
#6e88ca rgb(110,136,202)
```
#7c93cf
```
#7c93cf rgb(124,147,207)
```
#8a9fd4
```
#8a9fd4 rgb(138,159,212)
```
#99abd9
```
#99abd9 rgb(153,171,217)
```
#a7b7df
```
#a7b7df rgb(167,183,223)
```
#b5c3e4
```
#b5c3e4 rgb(181,195,228)
```
#c4cee9
```
#c4cee9 rgb(196,206,233)
```
#d2daee
```
#d2daee rgb(210,218,238)
```
#e0e6f4
```
#e0e6f4 rgb(224,230,244)
```
#eff2f9
```
#eff2f9 rgb(239,242,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#888888
```
#888888 rgb(136,136,136)
```
#7f8491
```
#7f8491 rgb(127,132,145)
```
#76809a
```
#76809a rgb(118,128,154)
```
#6c7ca4
```
#6c7ca4 rgb(108,124,164)
```
#6378ad
```
#6378ad rgb(99,120,173)
```
#5a74b6
```
#5a74b6 rgb(90,116,182)
```
#5170bf
```
#5170bf rgb(81,112,191)
```
#486cc8
```
#486cc8 rgb(72,108,200)
```
#3f68d1
```
#3f68d1 rgb(63,104,209)
```
#3664da
```
#3664da rgb(54,100,218)
```
#2c60e4
```
#2c60e4 rgb(44,96,228)
```
#235ced
```
#235ced rgb(35,92,237)
```
#1a58f6
```
#1a58f6 rgb(26,88,246)
```

Tone Color Variation

Below, you can see how #5170bf 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

#707070 Achromatopsia 0.005% of the population
#6a7080 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5877c2 Protanopia 1% of men
#477ac0 Deuteranopia 1% of men
#3d838d Tritanopia 0.001% of the population

Trichromacy

#5574c1 Protanomaly 1% of men, 0.01% of women
#4a76c0 Deuteranomaly 6% of men, 0.4% of women
#447c9f Tritanomaly 0.01% of the population

#5170bf hex color

#5170bf Color Information

#5170bf Color Conversion

Color Schemes with #5170bf

Alternatives to #5170bf

#5170bf Preview

Shades and Tints of #5170bf

Tones of #5170bf

Color Blindness Simulator