#517dd1 hex color

In a RGB color space, hex #517dd1 is composed of 31.8% red, 49% green and 82% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 40.2% magenta, 0% yellow and 18% black. It has a hue angle of 219.4 degrees, a saturation of 58.2% and a lightness of 56.9%. #517dd1 color hex could be obtained by blending #a2faff with #0000a3. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 49
- B 82
RGB color chart
- C 61
- M 40
- Y 0
- K 18
CMYK color chart

● #517dd1 color description : Moderate blue.

The hexadecimal color #517dd1 has RGB values of R:81, G:125, B:209 and CMYK values of C:0.61, M:0.4, Y:0, K:0.18. Its decimal value is 5340625.

Hex triplet	517dd1	`#517dd1`
RGB Decimal	81, 125, 209	`rgb(81,125,209)`
RGB Percent	31.8, 49, 82	`rgb(31.8%,49%,82%)`
CMYK	61, 40, 0, 18
HSL	219.4°, 58.2, 56.9	`hsl(219.4,58.2%,56.9%)`
HSV (or HSB)	219.4°, 61.2, 82
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.97, 10.791, -47.923
XYZ	22.233, 21.019, 63.203
xyY	0.209, 0.197, 21.019
CIE-LCH	52.97, 49.122, 282.69
CIE-LUV	52.97, -20.058, -75.38
Hunter-Lab	45.846, 6.333, -49.645
Binary	01010001, 01111101, 11010001

#517dd1
```
#517dd1 rgb(81,125,209)
```
#d1a551
```
#d1a551 rgb(209,165,81)
```

Complementary Color

#51bdd1
```
#51bdd1 rgb(81,189,209)
```
#517dd1
```
#517dd1 rgb(81,125,209)
```
#6551d1
```
#6551d1 rgb(101,81,209)
```

Analogous Color

#bdd151
```
#bdd151 rgb(189,209,81)
```
#517dd1
```
#517dd1 rgb(81,125,209)
```
#d16551
```
#d16551 rgb(209,101,81)
```

Split Complementary Color

#7dd151
```
#7dd151 rgb(125,209,81)
```
#517dd1
```
#517dd1 rgb(81,125,209)
```
#d1517d
```
#d1517d rgb(209,81,125)
```

Triadic Color

#51d1a5
```
#51d1a5 rgb(81,209,165)
```
#517dd1
```
#517dd1 rgb(81,125,209)
```
#d1517d
```
#d1517d rgb(209,81,125)
```
#d1a551
```
#d1a551 rgb(209,165,81)
```

Tetradic Color

#2d57a9
```
#2d57a9 rgb(45,87,169)
```
#3262bd
```
#3262bd rgb(50,98,189)
```
#3d6ecc
```
#3d6ecc rgb(61,110,204)
```
#517dd1
```
#517dd1 rgb(81,125,209)
```
#658cd6
```
#658cd6 rgb(101,140,214)
```
#799bdc
```
#799bdc rgb(121,155,220)
```
#8eaae1
```
#8eaae1 rgb(142,170,225)
```

Monochromatic Color

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

#519dd1
```
#519dd1 rgb(81,157,209)
```
#5192d1
```
#5192d1 rgb(81,146,209)
```
#5188d1
```
#5188d1 rgb(81,136,209)
```
#517dd1
```
#517dd1 rgb(81,125,209)
```
#5172d1
```
#5172d1 rgb(81,114,209)
```
#5168d1
```
#5168d1 rgb(81,104,209)
```
#515dd1
```
#515dd1 rgb(81,93,209)
```

Similar Colors

Text with hexadecimal color #517dd1

This text has a font color of #517dd1.

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

#517dd1 background color

This paragraph has a background color of #517dd1.

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

#517dd1 border color

This element has a border color of #517dd1.

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

CSS codes

.text {color:#517dd1;}

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

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

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

#03060c
```
#03060c rgb(3,6,12)
```
#070e1c
```
#070e1c rgb(7,14,28)
```
#0b162b
```
#0b162b rgb(11,22,43)
```
#101e3b
```
#101e3b rgb(16,30,59)
```
#14264a
```
#14264a rgb(20,38,74)
```
#182e5a
```
#182e5a rgb(24,46,90)
```
#1c3669
```
#1c3669 rgb(28,54,105)
```
#203e79
```
#203e79 rgb(32,62,121)
```
#244688
```
#244688 rgb(36,70,136)
```
#284f98
```
#284f98 rgb(40,79,152)
```
#2c57a7
```
#2c57a7 rgb(44,87,167)
```
#305fb7
```
#305fb7 rgb(48,95,183)
```
#3467c6
```
#3467c6 rgb(52,103,198)
```

Shade Color Variation

#4171cd
```
#4171cd rgb(65,113,205)
```
#517dd1
```
#517dd1 rgb(81,125,209)
```
#6189d5
```
#6189d5 rgb(97,137,213)
```
#7094d9
```
#7094d9 rgb(112,148,217)
```
#80a0dd
```
#80a0dd rgb(128,160,221)
```
#8fabe1
```
#8fabe1 rgb(143,171,225)
```
#9fb7e6
```
#9fb7e6 rgb(159,183,230)
```
#aec3ea
```
#aec3ea rgb(174,195,234)
```
#beceee
```
#beceee rgb(190,206,238)
```
#cddaf2
```
#cddaf2 rgb(205,218,242)
```
#dde5f6
```
#dde5f6 rgb(221,229,246)
```
#ecf1fa
```
#ecf1fa rgb(236,241,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c9096 is the less saturated color, while #2770fb is the most saturated one.

#8c9096
```
#8c9096 rgb(140,144,150)
```
#848d9e
```
#848d9e rgb(132,141,158)
```
#7b8aa7
```
#7b8aa7 rgb(123,138,167)
```
#7388af
```
#7388af rgb(115,136,175)
```
#6a85b8
```
#6a85b8 rgb(106,133,184)
```
#6282c0
```
#6282c0 rgb(98,130,192)
```
#5980c9
```
#5980c9 rgb(89,128,201)
```
#517dd1
```
#517dd1 rgb(81,125,209)
```
#497ad9
```
#497ad9 rgb(73,122,217)
```
#4078e2
```
#4078e2 rgb(64,120,226)
```
#3875ea
```
#3875ea rgb(56,117,234)
```
#2f72f3
```
#2f72f3 rgb(47,114,243)
```
#2770fb
```
#2770fb rgb(39,112,251)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#717a8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6182d2 Protanopia 1% of men
#4c85d2 Deuteranopia 1% of men
#35909b Tritanopia 0.001% of the population

Trichromacy

#5b80d1 Protanomaly 1% of men, 0.01% of women
#4e82d1 Deuteranomaly 6% of men, 0.4% of women
#3f89ae Tritanomaly 0.01% of the population

#517dd1 hex color

#517dd1 Color Information

#517dd1 Color Conversion

Color Schemes with #517dd1

Alternatives to #517dd1

#517dd1 Preview

Shades and Tints of #517dd1

Tones of #517dd1

Color Blindness Simulator