#518396 hex color

In a RGB color space, hex #518396 is composed of 31.8% red, 51.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 46% cyan, 12.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 196.5 degrees, a saturation of 29.9% and a lightness of 45.3%. #518396 color hex could be obtained by blending #a2ffff with #00072d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 32
- G 51
- B 59
RGB color chart
- C 46
- M 13
- Y 0
- K 41
CMYK color chart

● #518396 color description : Dark moderate blue.

The hexadecimal color #518396 has RGB values of R:81, G:131, B:150 and CMYK values of C:0.46, M:0.13, Y:0, K:0.41. Its decimal value is 5342102.

Hex triplet	518396	`#518396`
RGB Decimal	81, 131, 150	`rgb(81,131,150)`
RGB Percent	31.8, 51.4, 58.8	`rgb(31.8%,51.4%,58.8%)`
CMYK	46, 13, 0, 41
HSL	196.5°, 29.9, 45.3	`hsl(196.5,29.9%,45.3%)`
HSV (or HSB)	196.5°, 46, 58.8
Web Safe	669999	`#669999`

CIE-LAB	52.043, -11.505, -15.45
XYZ	17.013, 20.183, 31.852
xyY	0.246, 0.292, 20.183
CIE-LCH	52.043, 19.263, 233.327
CIE-LUV	52.043, -22.99, -20.948
Hunter-Lab	44.926, -11.022, -10.588
Binary	01010001, 10000011, 10010110

#518396
```
#518396 rgb(81,131,150)
```
#966451
```
#966451 rgb(150,100,81)
```

Complementary Color

#519687
```
#519687 rgb(81,150,135)
```
#518396
```
#518396 rgb(81,131,150)
```
#516196
```
#516196 rgb(81,97,150)
```

Analogous Color

#968751
```
#968751 rgb(150,135,81)
```
#518396
```
#518396 rgb(81,131,150)
```
#965161
```
#965161 rgb(150,81,97)
```

Split Complementary Color

#839651
```
#839651 rgb(131,150,81)
```
#518396
```
#518396 rgb(81,131,150)
```
#965183
```
#965183 rgb(150,81,131)
```

Triadic Color

#519664
```
#519664 rgb(81,150,100)
```
#518396
```
#518396 rgb(81,131,150)
```
#965183
```
#965183 rgb(150,81,131)
```
#966451
```
#966451 rgb(150,100,81)
```

Tetradic Color

#365864
```
#365864 rgb(54,88,100)
```
#3f6675
```
#3f6675 rgb(63,102,117)
```
#487585
```
#487585 rgb(72,117,133)
```
#518396
```
#518396 rgb(81,131,150)
```
#5a91a6
```
#5a91a6 rgb(90,145,166)
```
#6b9caf
```
#6b9caf rgb(107,156,175)
```
#7ca7b8
```
#7ca7b8 rgb(124,167,184)
```

Monochromatic Color

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

#519496
```
#519496 rgb(81,148,150)
```
#518f96
```
#518f96 rgb(81,143,150)
```
#518996
```
#518996 rgb(81,137,150)
```
#518396
```
#518396 rgb(81,131,150)
```
#517d96
```
#517d96 rgb(81,125,150)
```
#517896
```
#517896 rgb(81,120,150)
```
#517296
```
#517296 rgb(81,114,150)
```

Similar Colors

Text with hexadecimal color #518396

This text has a font color of #518396.

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

#518396 background color

This paragraph has a background color of #518396.

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

#518396 border color

This element has a border color of #518396.

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

CSS codes

.text {color:#518396;}

.background {background-color:#518396;}

.border {border:1px solid #518396;}

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, #05090a is the darkest color, while #fcfdfd is the lightest one.

#05090a
```
#05090a rgb(5,9,10)
```
#0c1417
```
#0c1417 rgb(12,20,23)
```
#131f23
```
#131f23 rgb(19,31,35)
```
#1a2a30
```
#1a2a30 rgb(26,42,48)
```
#21353d
```
#21353d rgb(33,53,61)
```
#28404a
```
#28404a rgb(40,64,74)
```
#2f4b56
```
#2f4b56 rgb(47,75,86)
```
#355763
```
#355763 rgb(53,87,99)
```
#3c6270
```
#3c6270 rgb(60,98,112)
```
#436d7d
```
#436d7d rgb(67,109,125)
```
#4a7889
```
#4a7889 rgb(74,120,137)
```
#518396
```
#518396 rgb(81,131,150)
```
#588ea3
```
#588ea3 rgb(88,142,163)
```

Shade Color Variation

#6397ab
```
#6397ab rgb(99,151,171)
```
#70a0b2
```
#70a0b2 rgb(112,160,178)
```
#7da8b9
```
#7da8b9 rgb(125,168,185)
```
#8ab1c0
```
#8ab1c0 rgb(138,177,192)
```
#96b9c6
```
#96b9c6 rgb(150,185,198)
```
#a3c2cd
```
#a3c2cd rgb(163,194,205)
```
#b0cad4
```
#b0cad4 rgb(176,202,212)
```
#bcd3db
```
#bcd3db rgb(188,211,219)
```
#c9dbe2
```
#c9dbe2 rgb(201,219,226)
```
#d6e4e9
```
#d6e4e9 rgb(214,228,233)
```
#e3ecf0
```
#e3ecf0 rgb(227,236,240)
```
#eff5f7
```
#eff5f7 rgb(239,245,247)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c777b is the less saturated color, while #01a7e6 is the most saturated one.

#6c777b
```
#6c777b rgb(108,119,123)
```
#637b84
```
#637b84 rgb(99,123,132)
```
#5a7f8d
```
#5a7f8d rgb(90,127,141)
```
#518396
```
#518396 rgb(81,131,150)
```
#48879f
```
#48879f rgb(72,135,159)
```
#3f8ba8
```
#3f8ba8 rgb(63,139,168)
```
#368fb1
```
#368fb1 rgb(54,143,177)
```
#2d93ba
```
#2d93ba rgb(45,147,186)
```
#2597c2
```
#2597c2 rgb(37,151,194)
```
#1c9bcb
```
#1c9bcb rgb(28,155,203)
```
#139fd4
```
#139fd4 rgb(19,159,212)
```
#0aa3dd
```
#0aa3dd rgb(10,163,221)
```
#01a7e6
```
#01a7e6 rgb(1,167,230)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#6f797c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e8196 Protanopia 1% of men
#80809e Deuteranopia 1% of men
#578a94 Tritanopia 0.001% of the population

Trichromacy

#6e8296 Protanomaly 1% of men, 0.01% of women
#6e819b Deuteranomaly 6% of men, 0.4% of women
#558795 Tritanomaly 0.01% of the population

#518396 hex color

#518396 Color Information

#518396 Color Conversion

Color Schemes with #518396

Alternatives to #518396

#518396 Preview

Shades and Tints of #518396

Tones of #518396

Color Blindness Simulator