#518eb4 hex color

In a RGB color space, hex #518eb4 is composed of 31.8% red, 55.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 21.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 203 degrees, a saturation of 39.8% and a lightness of 51.2%. #518eb4 color hex could be obtained by blending #a2ffff with #001d69. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 56
- B 71
RGB color chart
- C 55
- M 21
- Y 0
- K 29
CMYK color chart

● #518eb4 color description : Moderate blue.

The hexadecimal color #518eb4 has RGB values of R:81, G:142, B:180 and CMYK values of C:0.55, M:0.21, Y:0, K:0.29. Its decimal value is 5344948.

Hex triplet	518eb4	`#518eb4`
RGB Decimal	81, 142, 180	`rgb(81,142,180)`
RGB Percent	31.8, 55.7, 70.6	`rgb(31.8%,55.7%,70.6%)`
CMYK	55, 21, 0, 29
HSL	203°, 39.8, 51.2	`hsl(203,39.8%,51.2%)`
HSV (or HSB)	203°, 55, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.475, -8.678, -25.938
XYZ	21.303, 24.389, 46.763
xyY	0.23, 0.264, 24.389
CIE-LCH	56.475, 27.351, 251.501
CIE-LUV	56.475, -26.638, -38.295
Hunter-Lab	49.386, -9.428, -21.571
Binary	01010001, 10001110, 10110100

#518eb4
```
#518eb4 rgb(81,142,180)
```
#b47751
```
#b47751 rgb(180,119,81)
```

Complementary Color

#51b4a9
```
#51b4a9 rgb(81,180,169)
```
#518eb4
```
#518eb4 rgb(81,142,180)
```
#515db4
```
#515db4 rgb(81,93,180)
```

Analogous Color

#b4a951
```
#b4a951 rgb(180,169,81)
```
#518eb4
```
#518eb4 rgb(81,142,180)
```
#b4515d
```
#b4515d rgb(180,81,93)
```

Split Complementary Color

#8eb451
```
#8eb451 rgb(142,180,81)
```
#518eb4
```
#518eb4 rgb(81,142,180)
```
#b4518e
```
#b4518e rgb(180,81,142)
```

Triadic Color

#51b477
```
#51b477 rgb(81,180,119)
```
#518eb4
```
#518eb4 rgb(81,142,180)
```
#b4518e
```
#b4518e rgb(180,81,142)
```
#b47751
```
#b47751 rgb(180,119,81)
```

Tetradic Color

#386581
```
#386581 rgb(56,101,129)
```
#3f7393
```
#3f7393 rgb(63,115,147)
```
#4781a5
```
#4781a5 rgb(71,129,165)
```
#518eb4
```
#518eb4 rgb(81,142,180)
```
#639abc
```
#639abc rgb(99,154,188)
```
#75a5c3
```
#75a5c3 rgb(117,165,195)
```
#86b1cb
```
#86b1cb rgb(134,177,203)
```

Monochromatic Color

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

#51a7b4
```
#51a7b4 rgb(81,167,180)
```
#519fb4
```
#519fb4 rgb(81,159,180)
```
#5196b4
```
#5196b4 rgb(81,150,180)
```
#518eb4
```
#518eb4 rgb(81,142,180)
```
#5186b4
```
#5186b4 rgb(81,134,180)
```
#517eb4
```
#517eb4 rgb(81,126,180)
```
#5175b4
```
#5175b4 rgb(81,117,180)
```

Similar Colors

Text with hexadecimal color #518eb4

This text has a font color of #518eb4.

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

#518eb4 background color

This paragraph has a background color of #518eb4.

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

#518eb4 border color

This element has a border color of #518eb4.

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

CSS codes

.text {color:#518eb4;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#080e12
```
#080e12 rgb(8,14,18)
```
#0e1920
```
#0e1920 rgb(14,25,32)
```
#14232d
```
#14232d rgb(20,35,45)
```
#192e3b
```
#192e3b rgb(25,46,59)
```
#1f3949
```
#1f3949 rgb(31,57,73)
```
#254456
```
#254456 rgb(37,68,86)
```
#2b4e64
```
#2b4e64 rgb(43,78,100)
```
#315972
```
#315972 rgb(49,89,114)
```
#376480
```
#376480 rgb(55,100,128)
```
#3d6e8d
```
#3d6e8d rgb(61,110,141)
```
#43799b
```
#43799b rgb(67,121,155)
```
#4984a9
```
#4984a9 rgb(73,132,169)
```

Shade Color Variation

#518eb4
```
#518eb4 rgb(81,142,180)
```
#5f97ba
```
#5f97ba rgb(95,151,186)
```
#6ca0c0
```
#6ca0c0 rgb(108,160,192)
```
#7aa9c6
```
#7aa9c6 rgb(122,169,198)
```
#88b2cc
```
#88b2cc rgb(136,178,204)
```
#96bbd2
```
#96bbd2 rgb(150,187,210)
```
#a3c3d7
```
#a3c3d7 rgb(163,195,215)
```
#b1ccdd
```
#b1ccdd rgb(177,204,221)
```
#bfd5e3
```
#bfd5e3 rgb(191,213,227)
```
#ccdee9
```
#ccdee9 rgb(204,222,233)
```
#dae7ef
```
#dae7ef rgb(218,231,239)
```
#e8f0f5
```
#e8f0f5 rgb(232,240,245)
```
#f5f9fb
```
#f5f9fb rgb(245,249,251)
```

Tint Color Variation

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

#818384
```
#818384 rgb(129,131,132)
```
#77858e
```
#77858e rgb(119,133,142)
```
#6e8797
```
#6e8797 rgb(110,135,151)
```
#648aa1
```
#648aa1 rgb(100,138,161)
```
#5b8caa
```
#5b8caa rgb(91,140,170)
```
#518eb4
```
#518eb4 rgb(81,142,180)
```
#4790be
```
#4790be rgb(71,144,190)
```
#3e92c7
```
#3e92c7 rgb(62,146,199)
```
#3495d1
```
#3495d1 rgb(52,149,209)
```
#2b97da
```
#2b97da rgb(43,151,218)
```
#2199e4
```
#2199e4 rgb(33,153,228)
```
#189bed
```
#189bed rgb(24,155,237)
```
#0e9ef7
```
#0e9ef7 rgb(14,158,247)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#77838a Atypical Achromatopsia 0.001% of the population

Dichromacy

#828cb2 Protanopia 1% of men
#7f8bba Deuteranopia 1% of men
#5097a2 Tritanopia 0.001% of the population

Trichromacy

#708cb3 Protanomaly 1% of men, 0.01% of women
#6e8cb8 Deuteranomaly 6% of men, 0.4% of women
#5094a9 Tritanomaly 0.01% of the population

#518eb4 hex color

#518eb4 Color Information

#518eb4 Color Conversion

Color Schemes with #518eb4

Alternatives to #518eb4

#518eb4 Preview

Shades and Tints of #518eb4

Tones of #518eb4

Color Blindness Simulator