#5170ed hex color

In a RGB color space, hex #5170ed is composed of 31.8% red, 43.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 52.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 228.1 degrees, a saturation of 81.3% and a lightness of 62.4%. #5170ed color hex could be obtained by blending #a2e0ff with #0000db. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 32
- G 44
- B 93
RGB color chart
- C 66
- M 53
- Y 0
- K 7
CMYK color chart

● #5170ed color description : Soft blue.

The hexadecimal color #5170ed has RGB values of R:81, G:112, B:237 and CMYK values of C:0.66, M:0.53, Y:0, K:0.07. Its decimal value is 5337325.

Hex triplet	5170ed	`#5170ed`
RGB Decimal	81, 112, 237	`rgb(81,112,237)`
RGB Percent	31.8, 43.9, 92.9	`rgb(31.8%,43.9%,92.9%)`
CMYK	66, 53, 0, 7
HSL	228.1°, 81.3, 62.4	`hsl(228.1,81.3%,62.4%)`
HSV (or HSB)	228.1°, 65.8, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.21, 28.381, -66.511
XYZ	24.47, 19.451, 82.581
xyY	0.193, 0.154, 19.451
CIE-LCH	51.21, 72.313, 293.109
CIE-LUV	51.21, -16.166, -105.145
Hunter-Lab	44.103, 21.86, -80.146
Binary	01010001, 01110000, 11101101

#5170ed
```
#5170ed rgb(81,112,237)
```
#edce51
```
#edce51 rgb(237,206,81)
```

Complementary Color

#51beed
```
#51beed rgb(81,190,237)
```
#5170ed
```
#5170ed rgb(81,112,237)
```
#8051ed
```
#8051ed rgb(128,81,237)
```

Analogous Color

#beed51
```
#beed51 rgb(190,237,81)
```
#5170ed
```
#5170ed rgb(81,112,237)
```
#ed8051
```
#ed8051 rgb(237,128,81)
```

Split Complementary Color

#70ed51
```
#70ed51 rgb(112,237,81)
```
#5170ed
```
#5170ed rgb(81,112,237)
```
#ed5170
```
#ed5170 rgb(237,81,112)
```

Triadic Color

#51edce
```
#51edce rgb(81,237,206)
```
#5170ed
```
#5170ed rgb(81,112,237)
```
#ed5170
```
#ed5170 rgb(237,81,112)
```
#edce51
```
#edce51 rgb(237,206,81)
```

Tetradic Color

#173edb
```
#173edb rgb(23,62,219)
```
#234ae8
```
#234ae8 rgb(35,74,232)
```
#3a5deb
```
#3a5deb rgb(58,93,235)
```
#5170ed
```
#5170ed rgb(81,112,237)
```
#6883ef
```
#6883ef rgb(104,131,239)
```
#7f96f2
```
#7f96f2 rgb(127,150,242)
```
#96a9f4
```
#96a9f4 rgb(150,169,244)
```

Monochromatic Color

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

#5197ed
```
#5197ed rgb(81,151,237)
```
#518aed
```
#518aed rgb(81,138,237)
```
#517ded
```
#517ded rgb(81,125,237)
```
#5170ed
```
#5170ed rgb(81,112,237)
```
#5163ed
```
#5163ed rgb(81,99,237)
```
#5156ed
```
#5156ed rgb(81,86,237)
```
#5951ed
```
#5951ed rgb(89,81,237)
```

Similar Colors

Text with hexadecimal color #5170ed

This text has a font color of #5170ed.

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

#5170ed background color

This paragraph has a background color of #5170ed.

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

#5170ed border color

This element has a border color of #5170ed.

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

CSS codes

.text {color:#5170ed;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#020616
```
#020616 rgb(2,6,22)
```
#040b27
```
#040b27 rgb(4,11,39)
```
#061039
```
#061039 rgb(6,16,57)
```
#08154b
```
#08154b rgb(8,21,75)
```
#0a1a5d
```
#0a1a5d rgb(10,26,93)
```
#0b1f6e
```
#0b1f6e rgb(11,31,110)
```
#0d2480
```
#0d2480 rgb(13,36,128)
```
#0f2992
```
#0f2992 rgb(15,41,146)
```
#112ea4
```
#112ea4 rgb(17,46,164)
```
#1333b6
```
#1333b6 rgb(19,51,182)
```
#1538c7
```
#1538c7 rgb(21,56,199)
```
#163dd9
```
#163dd9 rgb(22,61,217)
```

Shade Color Variation

#1c44e7
```
#1c44e7 rgb(28,68,231)
```
#2d53e9
```
#2d53e9 rgb(45,83,233)
```
#3f61eb
```
#3f61eb rgb(63,97,235)
```
#5170ed
```
#5170ed rgb(81,112,237)
```
#637fef
```
#637fef rgb(99,127,239)
```
#758df1
```
#758df1 rgb(117,141,241)
```
#869cf3
```
#869cf3 rgb(134,156,243)
```
#98aaf4
```
#98aaf4 rgb(152,170,244)
```
#aab9f6
```
#aab9f6 rgb(170,185,246)
```
#bcc8f8
```
#bcc8f8 rgb(188,200,248)
```
#cdd6fa
```
#cdd6fa rgb(205,214,250)
```
#dfe5fc
```
#dfe5fc rgb(223,229,252)
```
#f1f3fe
```
#f1f3fe rgb(241,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9ca3 is the less saturated color, while #4267fc is the most saturated one.

#9b9ca3
```
#9b9ca3 rgb(155,156,163)
```
#9398ab
```
#9398ab rgb(147,152,171)
```
#8c94b2
```
#8c94b2 rgb(140,148,178)
```
#858fb9
```
#858fb9 rgb(133,143,185)
```
#7d8bc1
```
#7d8bc1 rgb(125,139,193)
```
#7686c8
```
#7686c8 rgb(118,134,200)
```
#6f82cf
```
#6f82cf rgb(111,130,207)
```
#677dd7
```
#677dd7 rgb(103,125,215)
```
#6079de
```
#6079de rgb(96,121,222)
```
#5874e6
```
#5874e6 rgb(88,116,230)
```
#5170ed
```
#5170ed rgb(81,112,237)
```
#4a6cf4
```
#4a6cf4 rgb(74,108,244)
```
#4267fc
```
#4267fc rgb(66,103,252)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6e748d Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d7cf3 Protanopia 1% of men
#0083d8 Deuteranopia 1% of men
#008d97 Tritanopia 0.001% of the population

Trichromacy

#3078f0 Protanomaly 1% of men, 0.01% of women
#1d7cdf Deuteranomaly 6% of men, 0.4% of women
#1d82b6 Tritanomaly 0.01% of the population

#5170ed hex color

#5170ed Color Information

#5170ed Color Conversion

Color Schemes with #5170ed

Alternatives to #5170ed

#5170ed Preview

Shades and Tints of #5170ed

Tones of #5170ed

Color Blindness Simulator