#518fe2 hex color

In a RGB color space, hex #518fe2 is composed of 31.8% red, 56.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 36.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 214.3 degrees, a saturation of 71.4% and a lightness of 60.2%. #518fe2 color hex could be obtained by blending #a2ffff with #001fc5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 56
- B 89
RGB color chart
- C 64
- M 37
- Y 0
- K 11
CMYK color chart

● #518fe2 color description : Soft blue.

The hexadecimal color #518fe2 has RGB values of R:81, G:143, B:226 and CMYK values of C:0.64, M:0.37, Y:0, K:0.11. Its decimal value is 5345250.

Hex triplet	518fe2	`#518fe2`
RGB Decimal	81, 143, 226	`rgb(81,143,226)`
RGB Percent	31.8, 56.1, 88.6	`rgb(31.8%,56.1%,88.6%)`
CMYK	64, 37, 0, 11
HSL	214.3°, 71.4, 60.2	`hsl(214.3,71.4%,60.2%)`
HSV (or HSB)	214.3°, 64.2, 88.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.866, 5.741, -48.111
XYZ	26.94, 26.883, 75.717
xyY	0.208, 0.208, 26.883
CIE-LCH	58.866, 48.452, 276.805
CIE-LUV	58.866, -25.947, -76.726
Hunter-Lab	51.849, 2.01, -50.288
Binary	01010001, 10001111, 11100010

#518fe2
```
#518fe2 rgb(81,143,226)
```
#e2a451
```
#e2a451 rgb(226,164,81)
```

Complementary Color

#51d8e2
```
#51d8e2 rgb(81,216,226)
```
#518fe2
```
#518fe2 rgb(81,143,226)
```
#5c51e2
```
#5c51e2 rgb(92,81,226)
```

Analogous Color

#d8e251
```
#d8e251 rgb(216,226,81)
```
#518fe2
```
#518fe2 rgb(81,143,226)
```
#e25c51
```
#e25c51 rgb(226,92,81)
```

Split Complementary Color

#8fe251
```
#8fe251 rgb(143,226,81)
```
#518fe2
```
#518fe2 rgb(81,143,226)
```
#e2518f
```
#e2518f rgb(226,81,143)
```

Triadic Color

#51e2a4
```
#51e2a4 rgb(81,226,164)
```
#518fe2
```
#518fe2 rgb(81,143,226)
```
#e2518f
```
#e2518f rgb(226,81,143)
```
#e2a451
```
#e2a451 rgb(226,164,81)
```

Tetradic Color

#2167c6
```
#2167c6 rgb(33,103,198)
```
#2573db
```
#2573db rgb(37,115,219)
```
#3b81de
```
#3b81de rgb(59,129,222)
```
#518fe2
```
#518fe2 rgb(81,143,226)
```
#679de6
```
#679de6 rgb(103,157,230)
```
#7dabe9
```
#7dabe9 rgb(125,171,233)
```
#93b9ed
```
#93b9ed rgb(147,185,237)
```

Monochromatic Color

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

#51b3e2
```
#51b3e2 rgb(81,179,226)
```
#51a7e2
```
#51a7e2 rgb(81,167,226)
```
#519be2
```
#519be2 rgb(81,155,226)
```
#518fe2
```
#518fe2 rgb(81,143,226)
```
#5183e2
```
#5183e2 rgb(81,131,226)
```
#5177e2
```
#5177e2 rgb(81,119,226)
```
#516be2
```
#516be2 rgb(81,107,226)
```

Similar Colors

Text with hexadecimal color #518fe2

This text has a font color of #518fe2.

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

#518fe2 background color

This paragraph has a background color of #518fe2.

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

#518fe2 border color

This element has a border color of #518fe2.

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

CSS codes

.text {color:#518fe2;}

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

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

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, #02060b is the darkest color, while #f9fbfe is the lightest one.

#02060b
```
#02060b rgb(2,6,11)
```
#050f1c
```
#050f1c rgb(5,15,28)
```
#07172d
```
#07172d rgb(7,23,45)
```
#0a203d
```
#0a203d rgb(10,32,61)
```
#0d294e
```
#0d294e rgb(13,41,78)
```
#10325f
```
#10325f rgb(16,50,95)
```
#133a70
```
#133a70 rgb(19,58,112)
```
#154381
```
#154381 rgb(21,67,129)
```
#184c91
```
#184c91 rgb(24,76,145)
```
#1b55a2
```
#1b55a2 rgb(27,85,162)
```
#1e5eb3
```
#1e5eb3 rgb(30,94,179)
```
#2166c4
```
#2166c4 rgb(33,102,196)
```
#236fd5
```
#236fd5 rgb(35,111,213)
```

Shade Color Variation

#2f79dc
```
#2f79dc rgb(47,121,220)
```
#4084df
```
#4084df rgb(64,132,223)
```
#518fe2
```
#518fe2 rgb(81,143,226)
```
#629ae5
```
#629ae5 rgb(98,154,229)
```
#73a5e8
```
#73a5e8 rgb(115,165,232)
```
#83afea
```
#83afea rgb(131,175,234)
```
#94baed
```
#94baed rgb(148,186,237)
```
#a5c5f0
```
#a5c5f0 rgb(165,197,240)
```
#b6d0f3
```
#b6d0f3 rgb(182,208,243)
```
#c7dbf6
```
#c7dbf6 rgb(199,219,246)
```
#d8e6f8
```
#d8e6f8 rgb(216,230,248)
```
#e8f0fb
```
#e8f0fb rgb(232,240,251)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97999c is the less saturated color, while #3a8cf9 is the most saturated one.

#97999c
```
#97999c rgb(151,153,156)
```
#8f98a4
```
#8f98a4 rgb(143,152,164)
```
#8897ab
```
#8897ab rgb(136,151,171)
```
#8096b3
```
#8096b3 rgb(128,150,179)
```
#7895bb
```
#7895bb rgb(120,149,187)
```
#7094c3
```
#7094c3 rgb(112,148,195)
```
#6892cb
```
#6892cb rgb(104,146,203)
```
#6191d2
```
#6191d2 rgb(97,145,210)
```
#5990da
```
#5990da rgb(89,144,218)
```
#518fe2
```
#518fe2 rgb(81,143,226)
```
#498eea
```
#498eea rgb(73,142,234)
```
#418df2
```
#418df2 rgb(65,141,242)
```
#3a8cf9
```
#3a8cf9 rgb(58,140,249)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7b8898 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7290e0 Protanopia 1% of men
#5e94e3 Deuteranopia 1% of men
#2fa0ac Tritanopia 0.001% of the population

Trichromacy

#6690e1 Protanomaly 1% of men, 0.01% of women
#5992e3 Deuteranomaly 6% of men, 0.4% of women
#3b9ac0 Tritanomaly 0.01% of the population

#518fe2 hex color

#518fe2 Color Information

#518fe2 Color Conversion

Color Schemes with #518fe2

Alternatives to #518fe2

#518fe2 Preview

Shades and Tints of #518fe2

Tones of #518fe2

Color Blindness Simulator