#518bf5 hex color

In a RGB color space, hex #518bf5 is composed of 31.8% red, 54.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 43.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 218.8 degrees, a saturation of 89.1% and a lightness of 63.9%. #518bf5 color hex could be obtained by blending #a2ffff with #0017eb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 32
- G 55
- B 96
RGB color chart
- C 67
- M 43
- Y 0
- K 4
CMYK color chart

● #518bf5 color description : Soft blue.

The hexadecimal color #518bf5 has RGB values of R:81, G:139, B:245 and CMYK values of C:0.67, M:0.43, Y:0, K:0.04. Its decimal value is 5344245.

Hex triplet	518bf5	`#518bf5`
RGB Decimal	81, 139, 245	`rgb(81,139,245)`
RGB Percent	31.8, 54.5, 96.1	`rgb(31.8%,54.5%,96.1%)`
CMYK	67, 43, 0, 4
HSL	218.8°, 89.1, 63.9	`hsl(218.8,89.1%,63.9%)`
HSV (or HSB)	218.8°, 66.9, 96.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.794, 14.622, -58.757
XYZ	29.104, 26.805, 90.021
xyY	0.199, 0.184, 26.805
CIE-LCH	58.794, 60.549, 283.974
CIE-LUV	58.794, -24.327, -95.012
Hunter-Lab	51.774, 9.737, -66.849
Binary	01010001, 10001011, 11110101

#518bf5
```
#518bf5 rgb(81,139,245)
```
#f5bb51
```
#f5bb51 rgb(245,187,81)
```

Complementary Color

#51ddf5
```
#51ddf5 rgb(81,221,245)
```
#518bf5
```
#518bf5 rgb(81,139,245)
```
#6951f5
```
#6951f5 rgb(105,81,245)
```

Analogous Color

#ddf551
```
#ddf551 rgb(221,245,81)
```
#518bf5
```
#518bf5 rgb(81,139,245)
```
#f56951
```
#f56951 rgb(245,105,81)
```

Split Complementary Color

#8bf551
```
#8bf551 rgb(139,245,81)
```
#518bf5
```
#518bf5 rgb(81,139,245)
```
#f5518b
```
#f5518b rgb(245,81,139)
```

Triadic Color

#51f5bb
```
#51f5bb rgb(81,245,187)
```
#518bf5
```
#518bf5 rgb(81,139,245)
```
#f5518b
```
#f5518b rgb(245,81,139)
```
#f5bb51
```
#f5bb51 rgb(245,187,81)
```

Tetradic Color

#0e5cec
```
#0e5cec rgb(14,92,236)
```
#216bf2
```
#216bf2 rgb(33,107,242)
```
#397bf4
```
#397bf4 rgb(57,123,244)
```
#518bf5
```
#518bf5 rgb(81,139,245)
```
#699bf6
```
#699bf6 rgb(105,155,246)
```
#81abf8
```
#81abf8 rgb(129,171,248)
```
#99bbf9
```
#99bbf9 rgb(153,187,249)
```

Monochromatic Color

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

#51b4f5
```
#51b4f5 rgb(81,180,245)
```
#51a6f5
```
#51a6f5 rgb(81,166,245)
```
#5199f5
```
#5199f5 rgb(81,153,245)
```
#518bf5
```
#518bf5 rgb(81,139,245)
```
#517df5
```
#517df5 rgb(81,125,245)
```
#5170f5
```
#5170f5 rgb(81,112,245)
```
#5162f5
```
#5162f5 rgb(81,98,245)
```

Similar Colors

Text with hexadecimal color #518bf5

This text has a font color of #518bf5.

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

#518bf5 background color

This paragraph has a background color of #518bf5.

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

#518bf5 border color

This element has a border color of #518bf5.

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

CSS codes

.text {color:#518bf5;}

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

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

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

#01040b
```
#01040b rgb(1,4,11)
```
#020c1e
```
#020c1e rgb(2,12,30)
```
#031331
```
#031331 rgb(3,19,49)
```
#041a43
```
#041a43 rgb(4,26,67)
```
#052156
```
#052156 rgb(5,33,86)
```
#062968
```
#062968 rgb(6,41,104)
```
#07307b
```
#07307b rgb(7,48,123)
```
#08378d
```
#08378d rgb(8,55,141)
```
#093ea0
```
#093ea0 rgb(9,62,160)
```
#0a46b2
```
#0a46b2 rgb(10,70,178)
```
#0b4dc5
```
#0b4dc5 rgb(11,77,197)
```
#0c54d8
```
#0c54d8 rgb(12,84,216)
```
#0d5bea
```
#0d5bea rgb(13,91,234)
```

Shade Color Variation

#1966f2
```
#1966f2 rgb(25,102,242)
```
#2c72f3
```
#2c72f3 rgb(44,114,243)
```
#3e7ff4
```
#3e7ff4 rgb(62,127,244)
```
#518bf5
```
#518bf5 rgb(81,139,245)
```
#6497f6
```
#6497f6 rgb(100,151,246)
```
#76a4f7
```
#76a4f7 rgb(118,164,247)
```
#89b0f8
```
#89b0f8 rgb(137,176,248)
```
#9bbcf9
```
#9bbcf9 rgb(155,188,249)
```
#aec9fa
```
#aec9fa rgb(174,201,250)
```
#c0d5fb
```
#c0d5fb rgb(192,213,251)
```
#d3e2fc
```
#d3e2fc rgb(211,226,252)
```
#e5eefe
```
#e5eefe rgb(229,238,254)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#9fa2a7
```
#9fa2a7 rgb(159,162,167)
```
#98a0ae
```
#98a0ae rgb(152,160,174)
```
#919eb5
```
#919eb5 rgb(145,158,181)
```
#8a9cbc
```
#8a9cbc rgb(138,156,188)
```
#8399c3
```
#8399c3 rgb(131,153,195)
```
#7b97cb
```
#7b97cb rgb(123,151,203)
```
#7495d2
```
#7495d2 rgb(116,149,210)
```
#6d93d9
```
#6d93d9 rgb(109,147,217)
```
#6691e0
```
#6691e0 rgb(102,145,224)
```
#5f8fe7
```
#5f8fe7 rgb(95,143,231)
```
#588dee
```
#588dee rgb(88,141,238)
```
#518bf5
```
#518bf5 rgb(81,139,245)
```
#4a89fc
```
#4a89fc rgb(74,137,252)
```

Tone Color Variation

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

Dichromacy

#6190f4 Protanopia 1% of men
#3895f3 Deuteranopia 1% of men
#00a1ad Tritanopia 0.001% of the population

Trichromacy

#5b8ef4 Protanomaly 1% of men, 0.01% of women
#4191f4 Deuteranomaly 6% of men, 0.4% of women
#1d99c7 Tritanomaly 0.01% of the population

#518bf5 hex color

#518bf5 Color Information

#518bf5 Color Conversion

Color Schemes with #518bf5

Alternatives to #518bf5

#518bf5 Preview

Shades and Tints of #518bf5

Tones of #518bf5

Color Blindness Simulator