#518bb8 hex color

In a RGB color space, hex #518bb8 is composed of 31.8% red, 54.5% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 24.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 206.2 degrees, a saturation of 42% and a lightness of 52%. #518bb8 color hex could be obtained by blending #a2ffff with #001771. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 55
- B 72
RGB color chart
- C 56
- M 24
- Y 0
- K 28
CMYK color chart

● #518bb8 color description : Moderate blue.

The hexadecimal color #518bb8 has RGB values of R:81, G:139, B:184 and CMYK values of C:0.56, M:0.24, Y:0, K:0.28. Its decimal value is 5344184.

Hex triplet	518bb8	`#518bb8`
RGB Decimal	81, 139, 184	`rgb(81,139,184)`
RGB Percent	31.8, 54.5, 72.2	`rgb(31.8%,54.5%,72.2%)`
CMYK	56, 24, 0, 28
HSL	206.2°, 42, 52	`hsl(206.2,42%,52%)`
HSV (or HSB)	206.2°, 56, 72.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.76, -5.722, -29.325
XYZ	21.276, 23.674, 48.793
xyY	0.227, 0.253, 23.674
CIE-LCH	55.76, 29.878, 258.959
CIE-LUV	55.76, -25.405, -44.045
Hunter-Lab	48.656, -7.096, -25.398
Binary	01010001, 10001011, 10111000

#518bb8
```
#518bb8 rgb(81,139,184)
```
#b87e51
```
#b87e51 rgb(184,126,81)
```

Complementary Color

#51b8b2
```
#51b8b2 rgb(81,184,178)
```
#518bb8
```
#518bb8 rgb(81,139,184)
```
#5157b8
```
#5157b8 rgb(81,87,184)
```

Analogous Color

#b8b251
```
#b8b251 rgb(184,178,81)
```
#518bb8
```
#518bb8 rgb(81,139,184)
```
#b85157
```
#b85157 rgb(184,81,87)
```

Split Complementary Color

#8bb851
```
#8bb851 rgb(139,184,81)
```
#518bb8
```
#518bb8 rgb(81,139,184)
```
#b8518b
```
#b8518b rgb(184,81,139)
```

Triadic Color

#51b87e
```
#51b87e rgb(81,184,126)
```
#518bb8
```
#518bb8 rgb(81,139,184)
```
#b8518b
```
#b8518b rgb(184,81,139)
```
#b87e51
```
#b87e51 rgb(184,126,81)
```

Tetradic Color

#376386
```
#376386 rgb(55,99,134)
```
#3e7198
```
#3e7198 rgb(62,113,152)
```
#457eaa
```
#457eaa rgb(69,126,170)
```
#518bb8
```
#518bb8 rgb(81,139,184)
```
#6397bf
```
#6397bf rgb(99,151,191)
```
#75a3c7
```
#75a3c7 rgb(117,163,199)
```
#87afce
```
#87afce rgb(135,175,206)
```

Monochromatic Color

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

#51a5b8
```
#51a5b8 rgb(81,165,184)
```
#519cb8
```
#519cb8 rgb(81,156,184)
```
#5194b8
```
#5194b8 rgb(81,148,184)
```
#518bb8
```
#518bb8 rgb(81,139,184)
```
#5182b8
```
#5182b8 rgb(81,130,184)
```
#517ab8
```
#517ab8 rgb(81,122,184)
```
#5171b8
```
#5171b8 rgb(81,113,184)
```

Similar Colors

Text with hexadecimal color #518bb8

This text has a font color of #518bb8.

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

#518bb8 background color

This paragraph has a background color of #518bb8.

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

#518bb8 border color

This element has a border color of #518bb8.

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

CSS codes

.text {color:#518bb8;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#091015
```
#091015 rgb(9,16,21)
```
#0e1a23
```
#0e1a23 rgb(14,26,35)
```
#142431
```
#142431 rgb(20,36,49)
```
#1a2f3f
```
#1a2f3f rgb(26,47,63)
```
#1f394d
```
#1f394d rgb(31,57,77)
```
#25435b
```
#25435b rgb(37,67,91)
```
#2b4e69
```
#2b4e69 rgb(43,78,105)
```
#305877
```
#305877 rgb(48,88,119)
```
#366284
```
#366284 rgb(54,98,132)
```
#3c6d92
```
#3c6d92 rgb(60,109,146)
```
#4177a0
```
#4177a0 rgb(65,119,160)
```
#4781ae
```
#4781ae rgb(71,129,174)
```

Shade Color Variation

#518bb8
```
#518bb8 rgb(81,139,184)
```
#5f94be
```
#5f94be rgb(95,148,190)
```
#6d9ec3
```
#6d9ec3 rgb(109,158,195)
```
#7ba7c9
```
#7ba7c9 rgb(123,167,201)
```
#89b0cf
```
#89b0cf rgb(137,176,207)
```
#97b9d4
```
#97b9d4 rgb(151,185,212)
```
#a5c3da
```
#a5c3da rgb(165,195,218)
```
#b3cce0
```
#b3cce0 rgb(179,204,224)
```
#c0d5e5
```
#c0d5e5 rgb(192,213,229)
```
#cedfeb
```
#cedfeb rgb(206,223,235)
```
#dce8f1
```
#dce8f1 rgb(220,232,241)
```
#eaf1f7
```
#eaf1f7 rgb(234,241,247)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#808589
```
#808589 rgb(128,133,137)
```
#778692
```
#778692 rgb(119,134,146)
```
#6d879c
```
#6d879c rgb(109,135,156)
```
#6489a5
```
#6489a5 rgb(100,137,165)
```
#5a8aaf
```
#5a8aaf rgb(90,138,175)
```
#518bb8
```
#518bb8 rgb(81,139,184)
```
#488cc1
```
#488cc1 rgb(72,140,193)
```
#3e8dcb
```
#3e8dcb rgb(62,141,203)
```
#358fd4
```
#358fd4 rgb(53,143,212)
```
#2b90de
```
#2b90de rgb(43,144,222)
```
#2291e7
```
#2291e7 rgb(34,145,231)
```
#1892f1
```
#1892f1 rgb(24,146,241)
```
#0f93fa
```
#0f93fa rgb(15,147,250)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#76818a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e8ab7 Protanopia 1% of men
#798abe Deuteranopia 1% of men
#4c96a1 Tritanopia 0.001% of the population

Trichromacy

#6d8ab7 Protanomaly 1% of men, 0.01% of women
#6a8abb Deuteranomaly 6% of men, 0.4% of women
#4e92a9 Tritanomaly 0.01% of the population

#518bb8 hex color

#518bb8 Color Information

#518bb8 Color Conversion

Color Schemes with #518bb8

Alternatives to #518bb8

#518bb8 Preview

Shades and Tints of #518bb8

Tones of #518bb8

Color Blindness Simulator