#518cf8 hex color

In a RGB color space, hex #518cf8 is composed of 31.8% red, 54.9% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 43.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 218.8 degrees, a saturation of 92.3% and a lightness of 64.5%. #518cf8 color hex could be obtained by blending #a2ffff with #0019f1. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 32
- G 55
- B 97
RGB color chart
- C 67
- M 44
- Y 0
- K 3
CMYK color chart

● #518cf8 color description : Soft blue.

The hexadecimal color #518cf8 has RGB values of R:81, G:140, B:248 and CMYK values of C:0.67, M:0.44, Y:0, K:0.03. Its decimal value is 5344504.

Hex triplet	518cf8	`#518cf8`
RGB Decimal	81, 140, 248	`rgb(81,140,248)`
RGB Percent	31.8, 54.9, 97.3	`rgb(31.8%,54.9%,97.3%)`
CMYK	67, 44, 0, 3
HSL	218.8°, 92.3, 64.5	`hsl(218.8,92.3%,64.5%)`
HSV (or HSB)	218.8°, 67.3, 97.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.233, 15.054, -59.708
XYZ	29.711, 27.281, 92.502
xyY	0.199, 0.182, 27.281
CIE-LCH	59.233, 61.576, 284.151
CIE-LUV	59.233, -24.607, -96.736
Hunter-Lab	52.231, 10.133, -68.442
Binary	01010001, 10001100, 11111000

#518cf8
```
#518cf8 rgb(81,140,248)
```
#f8bd51
```
#f8bd51 rgb(248,189,81)
```

Complementary Color

#51e0f8
```
#51e0f8 rgb(81,224,248)
```
#518cf8
```
#518cf8 rgb(81,140,248)
```
#6a51f8
```
#6a51f8 rgb(106,81,248)
```

Analogous Color

#e0f851
```
#e0f851 rgb(224,248,81)
```
#518cf8
```
#518cf8 rgb(81,140,248)
```
#f86a51
```
#f86a51 rgb(248,106,81)
```

Split Complementary Color

#8cf851
```
#8cf851 rgb(140,248,81)
```
#518cf8
```
#518cf8 rgb(81,140,248)
```
#f8518c
```
#f8518c rgb(248,81,140)
```

Triadic Color

#51f8bd
```
#51f8bd rgb(81,248,189)
```
#518cf8
```
#518cf8 rgb(81,140,248)
```
#f8518c
```
#f8518c rgb(248,81,140)
```
#f8bd51
```
#f8bd51 rgb(248,189,81)
```

Tetradic Color

#0a5cf3
```
#0a5cf3 rgb(10,92,243)
```
#206cf6
```
#206cf6 rgb(32,108,246)
```
#387cf7
```
#387cf7 rgb(56,124,247)
```
#518cf8
```
#518cf8 rgb(81,140,248)
```
#6a9cf9
```
#6a9cf9 rgb(106,156,249)
```
#82acfa
```
#82acfa rgb(130,172,250)
```
#9bbdfb
```
#9bbdfb rgb(155,189,251)
```

Monochromatic Color

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

#51b6f8
```
#51b6f8 rgb(81,182,248)
```
#51a8f8
```
#51a8f8 rgb(81,168,248)
```
#519af8
```
#519af8 rgb(81,154,248)
```
#518cf8
```
#518cf8 rgb(81,140,248)
```
#517ef8
```
#517ef8 rgb(81,126,248)
```
#5170f8
```
#5170f8 rgb(81,112,248)
```
#5162f8
```
#5162f8 rgb(81,98,248)
```

Similar Colors

Text with hexadecimal color #518cf8

This text has a font color of #518cf8.

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

#518cf8 background color

This paragraph has a background color of #518cf8.

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

#518cf8 border color

This element has a border color of #518cf8.

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

CSS codes

.text {color:#518cf8;}

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

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

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, #01060f is the darkest color, while #fbfcff is the lightest one.

#01060f
```
#01060f rgb(1,6,15)
```
#010d21
```
#010d21 rgb(1,13,33)
```
#021434
```
#021434 rgb(2,20,52)
```
#031b47
```
#031b47 rgb(3,27,71)
```
#04225a
```
#04225a rgb(4,34,90)
```
#04296d
```
#04296d rgb(4,41,109)
```
#053080
```
#053080 rgb(5,48,128)
```
#063893
```
#063893 rgb(6,56,147)
```
#073fa5
```
#073fa5 rgb(7,63,165)
```
#0746b8
```
#0746b8 rgb(7,70,184)
```
#084dcb
```
#084dcb rgb(8,77,203)
```
#0954de
```
#0954de rgb(9,84,222)
```
#0a5bf1
```
#0a5bf1 rgb(10,91,241)
```

Shade Color Variation

#1867f6
```
#1867f6 rgb(24,103,246)
```
#2b73f6
```
#2b73f6 rgb(43,115,246)
```
#3e80f7
```
#3e80f7 rgb(62,128,247)
```
#518cf8
```
#518cf8 rgb(81,140,248)
```
#6498f9
```
#6498f9 rgb(100,152,249)
```
#77a5fa
```
#77a5fa rgb(119,165,250)
```
#8ab1fa
```
#8ab1fa rgb(138,177,250)
```
#9cbefb
```
#9cbefb rgb(156,190,251)
```
#afcafc
```
#afcafc rgb(175,202,252)
```
#c2d7fd
```
#c2d7fd rgb(194,215,253)
```
#d5e3fd
```
#d5e3fd rgb(213,227,253)
```
#e8f0fe
```
#e8f0fe rgb(232,240,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ea2ab is the less saturated color, while #4a8aff is the most saturated one.

#9ea2ab
```
#9ea2ab rgb(158,162,171)
```
#97a0b2
```
#97a0b2 rgb(151,160,178)
```
#909eb9
```
#909eb9 rgb(144,158,185)
```
#899cc0
```
#899cc0 rgb(137,156,192)
```
#829ac7
```
#829ac7 rgb(130,154,199)
```
#7b98ce
```
#7b98ce rgb(123,152,206)
```
#7496d5
```
#7496d5 rgb(116,150,213)
```
#6d94dc
```
#6d94dc rgb(109,148,220)
```
#6692e3
```
#6692e3 rgb(102,146,227)
```
#5f90ea
```
#5f90ea rgb(95,144,234)
```
#588ef1
```
#588ef1 rgb(88,142,241)
```
#518cf8
```
#518cf8 rgb(81,140,248)
```
#4a8aff
```
#4a8aff rgb(74,138,255)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7c889e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6091f7 Protanopia 1% of men
#3596f6 Deuteranopia 1% of men
#00a2ae Tritanopia 0.001% of the population

Trichromacy

#5a8ff7 Protanomaly 1% of men, 0.01% of women
#3f92f7 Deuteranomaly 6% of men, 0.4% of women
#1d9ac9 Tritanomaly 0.01% of the population

#518cf8 hex color

#518cf8 Color Information

#518cf8 Color Conversion

Color Schemes with #518cf8

Alternatives to #518cf8

#518cf8 Preview

Shades and Tints of #518cf8

Tones of #518cf8

Color Blindness Simulator