#518ed5 hex color

In a RGB color space, hex #518ed5 is composed of 31.8% red, 55.7% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 33.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 212.3 degrees, a saturation of 61.1% and a lightness of 57.6%. #518ed5 color hex could be obtained by blending #a2ffff with #001dab. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 56
- B 84
RGB color chart
- C 62
- M 33
- Y 0
- K 16
CMYK color chart

● #518ed5 color description : Moderate blue.

The hexadecimal color #518ed5 has RGB values of R:81, G:142, B:213 and CMYK values of C:0.62, M:0.33, Y:0, K:0.16. Its decimal value is 5344981.

Hex triplet	518ed5	`#518ed5`
RGB Decimal	81, 142, 213	`rgb(81,142,213)`
RGB Percent	31.8, 55.7, 83.5	`rgb(31.8%,55.7%,83.5%)`
CMYK	62, 33, 0, 16
HSL	212.3°, 61.1, 57.6	`hsl(212.3,61.1%,57.6%)`
HSV (or HSB)	212.3°, 62, 83.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.94, 1.968, -42.311
XYZ	25.074, 25.898, 66.625
xyY	0.213, 0.22, 25.898
CIE-LCH	57.94, 42.357, 272.663
CIE-LUV	57.94, -25.863, -66.558
Hunter-Lab	50.89, -1.109, -41.999
Binary	01010001, 10001110, 11010101

#518ed5
```
#518ed5 rgb(81,142,213)
```
#d59851
```
#d59851 rgb(213,152,81)
```

Complementary Color

#51d0d5
```
#51d0d5 rgb(81,208,213)
```
#518ed5
```
#518ed5 rgb(81,142,213)
```
#5651d5
```
#5651d5 rgb(86,81,213)
```

Analogous Color

#d0d551
```
#d0d551 rgb(208,213,81)
```
#518ed5
```
#518ed5 rgb(81,142,213)
```
#d55651
```
#d55651 rgb(213,86,81)
```

Split Complementary Color

#8ed551
```
#8ed551 rgb(142,213,81)
```
#518ed5
```
#518ed5 rgb(81,142,213)
```
#d5518e
```
#d5518e rgb(213,81,142)
```

Triadic Color

#51d598
```
#51d598 rgb(81,213,152)
```
#518ed5
```
#518ed5 rgb(81,142,213)
```
#d5518e
```
#d5518e rgb(213,81,142)
```
#d59851
```
#d59851 rgb(213,152,81)
```

Tetradic Color

#2a68af
```
#2a68af rgb(42,104,175)
```
#2f74c4
```
#2f74c4 rgb(47,116,196)
```
#3c81d0
```
#3c81d0 rgb(60,129,208)
```
#518ed5
```
#518ed5 rgb(81,142,213)
```
#669bda
```
#669bda rgb(102,155,218)
```
#7aa9df
```
#7aa9df rgb(122,169,223)
```
#8fb6e4
```
#8fb6e4 rgb(143,182,228)
```

Monochromatic Color

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

#51afd5
```
#51afd5 rgb(81,175,213)
```
#51a4d5
```
#51a4d5 rgb(81,164,213)
```
#5199d5
```
#5199d5 rgb(81,153,213)
```
#518ed5
```
#518ed5 rgb(81,142,213)
```
#5183d5
```
#5183d5 rgb(81,131,213)
```
#5178d5
```
#5178d5 rgb(81,120,213)
```
#516dd5
```
#516dd5 rgb(81,109,213)
```

Similar Colors

Text with hexadecimal color #518ed5

This text has a font color of #518ed5.

<span style="color:#518ed5;">Text here</span>

#518ed5 background color

This paragraph has a background color of #518ed5.

<p style="background-color:#518ed5;">Content here</p>

#518ed5 border color

This element has a border color of #518ed5.

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

CSS codes

.text {color:#518ed5;}

.background {background-color:#518ed5;}

.border {border:1px solid #518ed5;}

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

#040910
```
#040910 rgb(4,9,16)
```
#08131f
```
#08131f rgb(8,19,31)
```
#0b1c2f
```
#0b1c2f rgb(11,28,47)
```
#0f253f
```
#0f253f rgb(15,37,63)
```
#132f4f
```
#132f4f rgb(19,47,79)
```
#17385f
```
#17385f rgb(23,56,95)
```
#1b416e
```
#1b416e rgb(27,65,110)
```
#1e4b7e
```
#1e4b7e rgb(30,75,126)
```
#22548e
```
#22548e rgb(34,84,142)
```
#265d9e
```
#265d9e rgb(38,93,158)
```
#2a67ae
```
#2a67ae rgb(42,103,174)
```
#2e70bd
```
#2e70bd rgb(46,112,189)
```
#3279cd
```
#3279cd rgb(50,121,205)
```

Shade Color Variation

#4184d1
```
#4184d1 rgb(65,132,209)
```
#518ed5
```
#518ed5 rgb(81,142,213)
```
#6198d9
```
#6198d9 rgb(97,152,217)
```
#71a3dd
```
#71a3dd rgb(113,163,221)
```
#80ade0
```
#80ade0 rgb(128,173,224)
```
#90b7e4
```
#90b7e4 rgb(144,183,228)
```
#a0c1e8
```
#a0c1e8 rgb(160,193,232)
```
#b0ccec
```
#b0ccec rgb(176,204,236)
```
#c0d6f0
```
#c0d6f0 rgb(192,214,240)
```
#cfe0f4
```
#cfe0f4 rgb(207,224,244)
```
#dfeaf7
```
#dfeaf7 rgb(223,234,247)
```
#eff5fb
```
#eff5fb rgb(239,245,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8b929b
```
#8b929b rgb(139,146,155)
```
#8392a3
```
#8392a3 rgb(131,146,163)
```
#7b91ab
```
#7b91ab rgb(123,145,171)
```
#7291b4
```
#7291b4 rgb(114,145,180)
```
#6a90bc
```
#6a90bc rgb(106,144,188)
```
#628fc4
```
#628fc4 rgb(98,143,196)
```
#598fcd
```
#598fcd rgb(89,143,205)
```
#518ed5
```
#518ed5 rgb(81,142,213)
```
#498ddd
```
#498ddd rgb(73,141,221)
```
#408de6
```
#408de6 rgb(64,141,230)
```
#388cee
```
#388cee rgb(56,140,238)
```
#308bf6
```
#308bf6 rgb(48,139,246)
```
#278bff
```
#278bff rgb(39,139,255)
```

Tone Color Variation

Below, you can see how #518ed5 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

#848484 Achromatopsia 0.005% of the population
#7a8694 Atypical Achromatopsia 0.001% of the population

Dichromacy

#778ed3 Protanopia 1% of men
#6991d8 Deuteranopia 1% of men
#3b9da9 Tritanopia 0.001% of the population

Trichromacy

#698ed4 Protanomaly 1% of men, 0.01% of women
#6090d7 Deuteranomaly 6% of men, 0.4% of women
#4397b9 Tritanomaly 0.01% of the population

#518ed5 hex color

#518ed5 Color Information

#518ed5 Color Conversion

Color Schemes with #518ed5

Alternatives to #518ed5

#518ed5 Preview

Shades and Tints of #518ed5

Tones of #518ed5

Color Blindness Simulator