#518fbf hex color

In a RGB color space, hex #518fbf is composed of 31.8% red, 56.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 25.1% magenta, 0% yellow and 25.1% black. It has a hue angle of 206.2 degrees, a saturation of 46.2% and a lightness of 53.3%. #518fbf color hex could be obtained by blending #a2ffff with #001f7f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 56
- B 75
RGB color chart
- C 58
- M 25
- Y 0
- K 25
CMYK color chart

● #518fbf color description : Moderate blue.

The hexadecimal color #518fbf has RGB values of R:81, G:143, B:191 and CMYK values of C:0.58, M:0.25, Y:0, K:0.25. Its decimal value is 5345215.

Hex triplet	518fbf	`#518fbf`
RGB Decimal	81, 143, 191	`rgb(81,143,191)`
RGB Percent	31.8, 56.1, 74.9	`rgb(31.8%,56.1%,74.9%)`
CMYK	58, 25, 0, 25
HSL	206.2°, 46.2, 53.3	`hsl(206.2,46.2%,53.3%)`
HSV (or HSB)	206.2°, 57.6, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.226, -5.786, -31.027
XYZ	22.618, 25.154, 52.951
xyY	0.225, 0.25, 25.154
CIE-LCH	57.226, 31.562, 259.436
CIE-LUV	57.226, -26.733, -47.01
Hunter-Lab	50.154, -7.273, -27.488
Binary	01010001, 10001111, 10111111

#518fbf
```
#518fbf rgb(81,143,191)
```
#bf8151
```
#bf8151 rgb(191,129,81)
```

Complementary Color

#51bfb8
```
#51bfb8 rgb(81,191,184)
```
#518fbf
```
#518fbf rgb(81,143,191)
```
#5158bf
```
#5158bf rgb(81,88,191)
```

Analogous Color

#bfb851
```
#bfb851 rgb(191,184,81)
```
#518fbf
```
#518fbf rgb(81,143,191)
```
#bf5158
```
#bf5158 rgb(191,81,88)
```

Split Complementary Color

#8fbf51
```
#8fbf51 rgb(143,191,81)
```
#518fbf
```
#518fbf rgb(81,143,191)
```
#bf518f
```
#bf518f rgb(191,81,143)
```

Triadic Color

#51bf81
```
#51bf81 rgb(81,191,129)
```
#518fbf
```
#518fbf rgb(81,143,191)
```
#bf518f
```
#bf518f rgb(191,81,143)
```
#bf8151
```
#bf8151 rgb(191,129,81)
```

Tetradic Color

#35688f
```
#35688f rgb(53,104,143)
```
#3b75a2
```
#3b75a2 rgb(59,117,162)
```
#4283b4
```
#4283b4 rgb(66,131,180)
```
#518fbf
```
#518fbf rgb(81,143,191)
```
#649bc6
```
#649bc6 rgb(100,155,198)
```
#76a7cd
```
#76a7cd rgb(118,167,205)
```
#89b3d4
```
#89b3d4 rgb(137,179,212)
```

Monochromatic Color

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

#51abbf
```
#51abbf rgb(81,171,191)
```
#51a1bf
```
#51a1bf rgb(81,161,191)
```
#5198bf
```
#5198bf rgb(81,152,191)
```
#518fbf
```
#518fbf rgb(81,143,191)
```
#5186bf
```
#5186bf rgb(81,134,191)
```
#517dbf
```
#517dbf rgb(81,125,191)
```
#5174bf
```
#5174bf rgb(81,116,191)
```

Similar Colors

Text with hexadecimal color #518fbf

This text has a font color of #518fbf.

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

#518fbf background color

This paragraph has a background color of #518fbf.

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

#518fbf border color

This element has a border color of #518fbf.

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

CSS codes

.text {color:#518fbf;}

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

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

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, #05090c is the darkest color, while #fdfefe is the lightest one.

#05090c
```
#05090c rgb(5,9,12)
```
#0a131b
```
#0a131b rgb(10,19,27)
```
#0f1e29
```
#0f1e29 rgb(15,30,41)
```
#142837
```
#142837 rgb(20,40,55)
```
#1a3346
```
#1a3346 rgb(26,51,70)
```
#1f3d54
```
#1f3d54 rgb(31,61,84)
```
#244762
```
#244762 rgb(36,71,98)
```
#295271
```
#295271 rgb(41,82,113)
```
#2f5c7f
```
#2f5c7f rgb(47,92,127)
```
#34668d
```
#34668d rgb(52,102,141)
```
#39719c
```
#39719c rgb(57,113,156)
```
#3f7baa
```
#3f7baa rgb(63,123,170)
```
#4486b9
```
#4486b9 rgb(68,134,185)
```

Shade Color Variation

#518fbf
```
#518fbf rgb(81,143,191)
```
#5f98c4
```
#5f98c4 rgb(95,152,196)
```
#6ea1ca
```
#6ea1ca rgb(110,161,202)
```
#7cabcf
```
#7cabcf rgb(124,171,207)
```
#8ab4d4
```
#8ab4d4 rgb(138,180,212)
```
#99bdd9
```
#99bdd9 rgb(153,189,217)
```
#a7c6df
```
#a7c6df rgb(167,198,223)
```
#b5d0e4
```
#b5d0e4 rgb(181,208,228)
```
#c4d9e9
```
#c4d9e9 rgb(196,217,233)
```
#d2e2ee
```
#d2e2ee rgb(210,226,238)
```
#e0ebf4
```
#e0ebf4 rgb(224,235,244)
```
#eff5f9
```
#eff5f9 rgb(239,245,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#888888
```
#888888 rgb(136,136,136)
```
#7f8991
```
#7f8991 rgb(127,137,145)
```
#768a9a
```
#768a9a rgb(118,138,154)
```
#6c8ca4
```
#6c8ca4 rgb(108,140,164)
```
#638dad
```
#638dad rgb(99,141,173)
```
#5a8eb6
```
#5a8eb6 rgb(90,142,182)
```
#518fbf
```
#518fbf rgb(81,143,191)
```
#4890c8
```
#4890c8 rgb(72,144,200)
```
#3f91d1
```
#3f91d1 rgb(63,145,209)
```
#3692da
```
#3692da rgb(54,146,218)
```
#2c94e4
```
#2c94e4 rgb(44,148,228)
```
#2395ed
```
#2395ed rgb(35,149,237)
```
#1a96f6
```
#1a96f6 rgb(26,150,246)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#78858e Atypical Achromatopsia 0.001% of the population

Dichromacy

#808dbd Protanopia 1% of men
#7a8ec4 Deuteranopia 1% of men
#4b9aa5 Tritanopia 0.001% of the population

Trichromacy

#6f8ebe Protanomaly 1% of men, 0.01% of women
#6b8ec2 Deuteranomaly 6% of men, 0.4% of women
#4d96ae Tritanomaly 0.01% of the population

#518fbf hex color

#518fbf Color Information

#518fbf Color Conversion

Color Schemes with #518fbf

Alternatives to #518fbf

#518fbf Preview

Shades and Tints of #518fbf

Tones of #518fbf

Color Blindness Simulator