#518bdf hex color

In a RGB color space, hex #518bdf is composed of 31.8% red, 54.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 37.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 215.5 degrees, a saturation of 68.9% and a lightness of 59.6%. #518bdf color hex could be obtained by blending #a2ffff with #0017bf. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 55
- B 87
RGB color chart
- C 64
- M 38
- Y 0
- K 13
CMYK color chart

● #518bdf color description : Soft blue.

The hexadecimal color #518bdf has RGB values of R:81, G:139, B:223 and CMYK values of C:0.64, M:0.38, Y:0, K:0.13. Its decimal value is 5344223.

Hex triplet	518bdf	`#518bdf`
RGB Decimal	81, 139, 223	`rgb(81,139,223)`
RGB Percent	31.8, 54.5, 87.5	`rgb(31.8%,54.5%,87.5%)`
CMYK	64, 38, 0, 13
HSL	215.5°, 68.9, 59.6	`hsl(215.5,68.9%,59.6%)`
HSV (or HSB)	215.5°, 63.7, 87.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.598, 7.1, -48.447
XYZ	25.942, 25.541, 73.371
xyY	0.208, 0.205, 25.541
CIE-LCH	57.598, 48.965, 278.337
CIE-LUV	57.598, -24.641, -77.113
Hunter-Lab	50.538, 3.187, -50.701
Binary	01010001, 10001011, 11011111

#518bdf
```
#518bdf rgb(81,139,223)
```
#dfa551
```
#dfa551 rgb(223,165,81)
```

Complementary Color

#51d2df
```
#51d2df rgb(81,210,223)
```
#518bdf
```
#518bdf rgb(81,139,223)
```
#5e51df
```
#5e51df rgb(94,81,223)
```

Analogous Color

#d2df51
```
#d2df51 rgb(210,223,81)
```
#518bdf
```
#518bdf rgb(81,139,223)
```
#df5e51
```
#df5e51 rgb(223,94,81)
```

Split Complementary Color

#8bdf51
```
#8bdf51 rgb(139,223,81)
```
#518bdf
```
#518bdf rgb(81,139,223)
```
#df518b
```
#df518b rgb(223,81,139)
```

Triadic Color

#51dfa5
```
#51dfa5 rgb(81,223,165)
```
#518bdf
```
#518bdf rgb(81,139,223)
```
#df518b
```
#df518b rgb(223,81,139)
```
#dfa551
```
#dfa551 rgb(223,165,81)
```

Tetradic Color

#2363c0
```
#2363c0 rgb(35,99,192)
```
#276fd6
```
#276fd6 rgb(39,111,214)
```
#3b7ddb
```
#3b7ddb rgb(59,125,219)
```
#518bdf
```
#518bdf rgb(81,139,223)
```
#6799e3
```
#6799e3 rgb(103,153,227)
```
#7ca8e7
```
#7ca8e7 rgb(124,168,231)
```
#92b6eb
```
#92b6eb rgb(146,182,235)
```

Monochromatic Color

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

#51afdf
```
#51afdf rgb(81,175,223)
```
#51a3df
```
#51a3df rgb(81,163,223)
```
#5197df
```
#5197df rgb(81,151,223)
```
#518bdf
```
#518bdf rgb(81,139,223)
```
#517fdf
```
#517fdf rgb(81,127,223)
```
#5173df
```
#5173df rgb(81,115,223)
```
#5168df
```
#5168df rgb(81,104,223)
```

Similar Colors

Text with hexadecimal color #518bdf

This text has a font color of #518bdf.

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

#518bdf background color

This paragraph has a background color of #518bdf.

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

#518bdf border color

This element has a border color of #518bdf.

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

CSS codes

.text {color:#518bdf;}

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

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

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

#020408
```
#020408 rgb(2,4,8)
```
#050d19
```
#050d19 rgb(5,13,25)
```
#081529
```
#081529 rgb(8,21,41)
```
#0b1e3a
```
#0b1e3a rgb(11,30,58)
```
#0e274b
```
#0e274b rgb(14,39,75)
```
#112f5b
```
#112f5b rgb(17,47,91)
```
#14386c
```
#14386c rgb(20,56,108)
```
#17407c
```
#17407c rgb(23,64,124)
```
#1a498d
```
#1a498d rgb(26,73,141)
```
#1d519d
```
#1d519d rgb(29,81,157)
```
#205aae
```
#205aae rgb(32,90,174)
```
#2363bf
```
#2363bf rgb(35,99,191)
```
#266bcf
```
#266bcf rgb(38,107,207)
```

Shade Color Variation

#3075d9
```
#3075d9 rgb(48,117,217)
```
#4080dc
```
#4080dc rgb(64,128,220)
```
#518bdf
```
#518bdf rgb(81,139,223)
```
#6296e2
```
#6296e2 rgb(98,150,226)
```
#72a1e5
```
#72a1e5 rgb(114,161,229)
```
#83ace8
```
#83ace8 rgb(131,172,232)
```
#93b7eb
```
#93b7eb rgb(147,183,235)
```
#a4c2ee
```
#a4c2ee rgb(164,194,238)
```
#b4cdf1
```
#b4cdf1 rgb(180,205,241)
```
#c5d8f4
```
#c5d8f4 rgb(197,216,244)
```
#d6e3f7
```
#d6e3f7 rgb(214,227,247)
```
#e6eefa
```
#e6eefa rgb(230,238,250)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9097a0 is the less saturated color, while #3185ff is the most saturated one.

#9097a0
```
#9097a0 rgb(144,151,160)
```
#8895a8
```
#8895a8 rgb(136,149,168)
```
#8194af
```
#8194af rgb(129,148,175)
```
#7992b7
```
#7992b7 rgb(121,146,183)
```
#7191bf
```
#7191bf rgb(113,145,191)
```
#698fc7
```
#698fc7 rgb(105,143,199)
```
#618ecf
```
#618ecf rgb(97,142,207)
```
#598cd7
```
#598cd7 rgb(89,140,215)
```
#518bdf
```
#518bdf rgb(81,139,223)
```
#498ae7
```
#498ae7 rgb(73,138,231)
```
#4188ef
```
#4188ef rgb(65,136,239)
```
#3987f7
```
#3987f7 rgb(57,135,247)
```
#3185ff
```
#3185ff rgb(49,133,255)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#798595 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e8dde Protanopia 1% of men
#5a91e0 Deuteranopia 1% of men
#2f9da8 Tritanopia 0.001% of the population

Trichromacy

#638cde Protanomaly 1% of men, 0.01% of women
#568ee0 Deuteranomaly 6% of men, 0.4% of women
#3b96bc Tritanomaly 0.01% of the population

#518bdf hex color

#518bdf Color Information

#518bdf Color Conversion

Color Schemes with #518bdf

Alternatives to #518bdf

#518bdf Preview

Shades and Tints of #518bdf

Tones of #518bdf

Color Blindness Simulator