#518ac8 hex color

In a RGB color space, hex #518ac8 is composed of 31.8% red, 54.1% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 31% magenta, 0% yellow and 21.6% black. It has a hue angle of 211.3 degrees, a saturation of 52% and a lightness of 55.1%. #518ac8 color hex could be obtained by blending #a2ffff with #001591. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 54
- B 78
RGB color chart
- C 60
- M 31
- Y 0
- K 22
CMYK color chart

● #518ac8 color description : Moderate blue.

The hexadecimal color #518ac8 has RGB values of R:81, G:138, B:200 and CMYK values of C:0.6, M:0.31, Y:0, K:0.22. Its decimal value is 5343944.

Hex triplet	518ac8	`#518ac8`
RGB Decimal	81, 138, 200	`rgb(81,138,200)`
RGB Percent	31.8, 54.1, 78.4	`rgb(31.8%,54.1%,78.4%)`
CMYK	60, 31, 0, 22
HSL	211.3°, 52, 55.1	`hsl(211.3,52%,55.1%)`
HSV (or HSB)	211.3°, 59.5, 78.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.183, 0.014, -37.751
XYZ	22.905, 24.095, 58.084
xyY	0.218, 0.229, 24.095
CIE-LCH	56.183, 37.751, 270.022
CIE-LUV	56.183, -24.701, -58.512
Hunter-Lab	49.087, -2.61, -35.797
Binary	01010001, 10001010, 11001000

#518ac8
```
#518ac8 rgb(81,138,200)
```
#c88f51
```
#c88f51 rgb(200,143,81)
```

Complementary Color

#51c6c8
```
#51c6c8 rgb(81,198,200)
```
#518ac8
```
#518ac8 rgb(81,138,200)
```
#5451c8
```
#5451c8 rgb(84,81,200)
```

Analogous Color

#c6c851
```
#c6c851 rgb(198,200,81)
```
#518ac8
```
#518ac8 rgb(81,138,200)
```
#c85451
```
#c85451 rgb(200,84,81)
```

Split Complementary Color

#8ac851
```
#8ac851 rgb(138,200,81)
```
#518ac8
```
#518ac8 rgb(81,138,200)
```
#c8518a
```
#c8518a rgb(200,81,138)
```

Triadic Color

#51c88f
```
#51c88f rgb(81,200,143)
```
#518ac8
```
#518ac8 rgb(81,138,200)
```
#c8518a
```
#c8518a rgb(200,81,138)
```
#c88f51
```
#c88f51 rgb(200,143,81)
```

Tetradic Color

#31649b
```
#31649b rgb(49,100,155)
```
#3770af
```
#3770af rgb(55,112,175)
```
#3e7dc2
```
#3e7dc2 rgb(62,125,194)
```
#518ac8
```
#518ac8 rgb(81,138,200)
```
#6497ce
```
#6497ce rgb(100,151,206)
```
#78a4d4
```
#78a4d4 rgb(120,164,212)
```
#8bb1da
```
#8bb1da rgb(139,177,218)
```

Monochromatic Color

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

#51a8c8
```
#51a8c8 rgb(81,168,200)
```
#519ec8
```
#519ec8 rgb(81,158,200)
```
#5194c8
```
#5194c8 rgb(81,148,200)
```
#518ac8
```
#518ac8 rgb(81,138,200)
```
#5180c8
```
#5180c8 rgb(81,128,200)
```
#5176c8
```
#5176c8 rgb(81,118,200)
```
#516cc8
```
#516cc8 rgb(81,108,200)
```

Similar Colors

Text with hexadecimal color #518ac8

This text has a font color of #518ac8.

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

#518ac8 background color

This paragraph has a background color of #518ac8.

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

#518ac8 border color

This element has a border color of #518ac8.

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

CSS codes

.text {color:#518ac8;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#060d14
```
#060d14 rgb(6,13,20)
```
#0b1623
```
#0b1623 rgb(11,22,35)
```
#102032
```
#102032 rgb(16,32,50)
```
#142940
```
#142940 rgb(20,41,64)
```
#19334f
```
#19334f rgb(25,51,79)
```
#1e3d5e
```
#1e3d5e rgb(30,61,94)
```
#23466d
```
#23466d rgb(35,70,109)
```
#27507c
```
#27507c rgb(39,80,124)
```
#2c598b
```
#2c598b rgb(44,89,139)
```
#31639a
```
#31639a rgb(49,99,154)
```
#356da9
```
#356da9 rgb(53,109,169)
```
#3a76b8
```
#3a76b8 rgb(58,118,184)
```

Shade Color Variation

#4280c3
```
#4280c3 rgb(66,128,195)
```
#518ac8
```
#518ac8 rgb(81,138,200)
```
#6094cd
```
#6094cd rgb(96,148,205)
```
#6f9ed1
```
#6f9ed1 rgb(111,158,209)
```
#7ea8d6
```
#7ea8d6 rgb(126,168,214)
```
#8db2db
```
#8db2db rgb(141,178,219)
```
#9cbce0
```
#9cbce0 rgb(156,188,224)
```
#aac6e4
```
#aac6e4 rgb(170,198,228)
```
#b9d0e9
```
#b9d0e9 rgb(185,208,233)
```
#c8daee
```
#c8daee rgb(200,218,238)
```
#d7e4f2
```
#d7e4f2 rgb(215,228,242)
```
#e6eef7
```
#e6eef7 rgb(230,238,247)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868c93 is the less saturated color, while #1c88fd is the most saturated one.

#868c93
```
#868c93 rgb(134,140,147)
```
#7d8c9c
```
#7d8c9c rgb(125,140,156)
```
#748ba5
```
#748ba5 rgb(116,139,165)
```
#6b8bae
```
#6b8bae rgb(107,139,174)
```
#638bb6
```
#638bb6 rgb(99,139,182)
```
#5a8abf
```
#5a8abf rgb(90,138,191)
```
#518ac8
```
#518ac8 rgb(81,138,200)
```
#488ad1
```
#488ad1 rgb(72,138,209)
```
#3f89da
```
#3f89da rgb(63,137,218)
```
#3789e2
```
#3789e2 rgb(55,137,226)
```
#2e89eb
```
#2e89eb rgb(46,137,235)
```
#2588f4
```
#2588f4 rgb(37,136,244)
```
#1c88fd
```
#1c88fd rgb(28,136,253)
```

Tone Color Variation

Below, you can see how #518ac8 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
#77828e Atypical Achromatopsia 0.001% of the population

Dichromacy

#778ac7 Protanopia 1% of men
#6c8ccc Deuteranopia 1% of men
#4398a3 Tritanopia 0.001% of the population

Trichromacy

#698ac7 Protanomaly 1% of men, 0.01% of women
#628bca Deuteranomaly 6% of men, 0.4% of women
#4893b0 Tritanomaly 0.01% of the population

#518ac8 hex color

#518ac8 Color Information

#518ac8 Color Conversion

Color Schemes with #518ac8

Alternatives to #518ac8

#518ac8 Preview

Shades and Tints of #518ac8

Tones of #518ac8

Color Blindness Simulator