#518dd6 hex color

In a RGB color space, hex #518dd6 is composed of 31.8% red, 55.3% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 34.1% magenta, 0% yellow and 16.1% black. It has a hue angle of 212.9 degrees, a saturation of 61.9% and a lightness of 57.8%. #518dd6 color hex could be obtained by blending #a2ffff with #001bad. Closest websafe color is: #6699cc.

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

● #518dd6 color description : Moderate blue.

The hexadecimal color #518dd6 has RGB values of R:81, G:141, B:214 and CMYK values of C:0.62, M:0.34, Y:0, K:0.16. Its decimal value is 5344726.

Hex triplet	518dd6	`#518dd6`
RGB Decimal	81, 141, 214	`rgb(81,141,214)`
RGB Percent	31.8, 55.3, 83.9	`rgb(31.8%,55.3%,83.9%)`
CMYK	62, 34, 0, 16
HSL	212.9°, 61.9, 57.8	`hsl(212.9,61.9%,57.8%)`
HSV (or HSB)	212.9°, 62.1, 83.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.706, 2.888, -43.241
XYZ	25.053, 25.652, 67.246
xyY	0.212, 0.217, 25.652
CIE-LCH	57.706, 43.337, 273.822
CIE-LUV	57.706, -25.492, -68.141
Hunter-Lab	50.648, -0.34, -43.266
Binary	01010001, 10001101, 11010110

#518dd6
```
#518dd6 rgb(81,141,214)
```
#d69a51
```
#d69a51 rgb(214,154,81)
```

Complementary Color

#51d0d6
```
#51d0d6 rgb(81,208,214)
```
#518dd6
```
#518dd6 rgb(81,141,214)
```
#5751d6
```
#5751d6 rgb(87,81,214)
```

Analogous Color

#d0d651
```
#d0d651 rgb(208,214,81)
```
#518dd6
```
#518dd6 rgb(81,141,214)
```
#d65751
```
#d65751 rgb(214,87,81)
```

Split Complementary Color

#8dd651
```
#8dd651 rgb(141,214,81)
```
#518dd6
```
#518dd6 rgb(81,141,214)
```
#d6518d
```
#d6518d rgb(214,81,141)
```

Triadic Color

#51d69a
```
#51d69a rgb(81,214,154)
```
#518dd6
```
#518dd6 rgb(81,141,214)
```
#d6518d
```
#d6518d rgb(214,81,141)
```
#d69a51
```
#d69a51 rgb(214,154,81)
```

Tetradic Color

#2a67b1
```
#2a67b1 rgb(42,103,177)
```
#2f73c5
```
#2f73c5 rgb(47,115,197)
```
#3c7fd1
```
#3c7fd1 rgb(60,127,209)
```
#518dd6
```
#518dd6 rgb(81,141,214)
```
#669bdb
```
#669bdb rgb(102,155,219)
```
#7aa8e0
```
#7aa8e0 rgb(122,168,224)
```
#8fb6e5
```
#8fb6e5 rgb(143,182,229)
```

Monochromatic Color

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

#51aed6
```
#51aed6 rgb(81,174,214)
```
#51a3d6
```
#51a3d6 rgb(81,163,214)
```
#5198d6
```
#5198d6 rgb(81,152,214)
```
#518dd6
```
#518dd6 rgb(81,141,214)
```
#5182d6
```
#5182d6 rgb(81,130,214)
```
#5177d6
```
#5177d6 rgb(81,119,214)
```
#516cd6
```
#516cd6 rgb(81,108,214)
```

Similar Colors

Text with hexadecimal color #518dd6

This text has a font color of #518dd6.

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

#518dd6 background color

This paragraph has a background color of #518dd6.

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

#518dd6 border color

This element has a border color of #518dd6.

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

CSS codes

.text {color:#518dd6;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040a10
```
#040a10 rgb(4,10,16)
```
#081320
```
#081320 rgb(8,19,32)
```
#0b1c30
```
#0b1c30 rgb(11,28,48)
```
#0f2540
```
#0f2540 rgb(15,37,64)
```
#132e50
```
#132e50 rgb(19,46,80)
```
#173860
```
#173860 rgb(23,56,96)
```
#1a4170
```
#1a4170 rgb(26,65,112)
```
#1e4a80
```
#1e4a80 rgb(30,74,128)
```
#22538f
```
#22538f rgb(34,83,143)
```
#265d9f
```
#265d9f rgb(38,93,159)
```
#2966af
```
#2966af rgb(41,102,175)
```
#2d6fbf
```
#2d6fbf rgb(45,111,191)
```

Shade Color Variation

#3178cf
```
#3178cf rgb(49,120,207)
```
#4183d2
```
#4183d2 rgb(65,131,210)
```
#518dd6
```
#518dd6 rgb(81,141,214)
```
#6197da
```
#6197da rgb(97,151,218)
```
#71a2dd
```
#71a2dd rgb(113,162,221)
```
#81ace1
```
#81ace1 rgb(129,172,225)
```
#90b7e5
```
#90b7e5 rgb(144,183,229)
```
#a0c1e9
```
#a0c1e9 rgb(160,193,233)
```
#b0cbec
```
#b0cbec rgb(176,203,236)
```
#c0d6f0
```
#c0d6f0 rgb(192,214,240)
```
#d0e0f4
```
#d0e0f4 rgb(208,224,244)
```
#e0ebf8
```
#e0ebf8 rgb(224,235,248)
```
#f0f5fb
```
#f0f5fb rgb(240,245,251)
```

Tint Color Variation

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

#939394
```
#939394 rgb(147,147,148)
```
#8b939c
```
#8b939c rgb(139,147,156)
```
#8392a4
```
#8392a4 rgb(131,146,164)
```
#7a91ad
```
#7a91ad rgb(122,145,173)
```
#7290b5
```
#7290b5 rgb(114,144,181)
```
#6a8fbd
```
#6a8fbd rgb(106,143,189)
```
#628fc5
```
#628fc5 rgb(98,143,197)
```
#598ece
```
#598ece rgb(89,142,206)
```
#518dd6
```
#518dd6 rgb(81,141,214)
```
#498cde
```
#498cde rgb(73,140,222)
```
#408be7
```
#408be7 rgb(64,139,231)
```
#388bef
```
#388bef rgb(56,139,239)
```
#308af7
```
#308af7 rgb(48,138,247)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#798594 Atypical Achromatopsia 0.001% of the population

Dichromacy

#758ed4 Protanopia 1% of men
#6690d9 Deuteranopia 1% of men
#3a9da8 Tritanopia 0.001% of the population

Trichromacy

#688dd5 Protanomaly 1% of men, 0.01% of women
#5e8fd7 Deuteranomaly 6% of men, 0.4% of women
#4297b9 Tritanomaly 0.01% of the population

#518dd6 hex color

#518dd6 Color Information

#518dd6 Color Conversion

Color Schemes with #518dd6

Alternatives to #518dd6

#518dd6 Preview

Shades and Tints of #518dd6

Tones of #518dd6

Color Blindness Simulator