#515f80 hex color

In a RGB color space, hex #515f80 is composed of 31.8% red, 37.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 36.7% cyan, 25.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 222.1 degrees, a saturation of 22.5% and a lightness of 41%. #515f80 color hex could be obtained by blending #a2beff with #000001. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 32
- G 37
- B 50
RGB color chart
- C 37
- M 26
- Y 0
- K 50
CMYK color chart

● #515f80 color description : Mostly desaturated dark blue.

The hexadecimal color #515f80 has RGB values of R:81, G:95, B:128 and CMYK values of C:0.37, M:0.26, Y:0, K:0.5. Its decimal value is 5332864.

Hex triplet	515f80	`#515f80`
RGB Decimal	81, 95, 128	`rgb(81,95,128)`
RGB Percent	31.8, 37.3, 50.2	`rgb(31.8%,37.3%,50.2%)`
CMYK	37, 26, 0, 50
HSL	222.1°, 22.5, 41	`hsl(222.1,22.5%,41%)`
HSV (or HSB)	222.1°, 36.7, 50.2
Web Safe	666699	`#666699`

CIE-LAB	40.397, 3.353, -20.193
XYZ	11.381, 11.492, 22.039
xyY	0.253, 0.256, 11.492
CIE-LCH	40.397, 20.47, 279.428
CIE-LUV	40.397, -8.221, -28.582
Hunter-Lab	33.9, 0.602, -14.817
Binary	01010001, 01011111, 10000000

#515f80
```
#515f80 rgb(81,95,128)
```
#807251
```
#807251 rgb(128,114,81)
```

Complementary Color

#517780
```
#517780 rgb(81,119,128)
```
#515f80
```
#515f80 rgb(81,95,128)
```
#5b5180
```
#5b5180 rgb(91,81,128)
```

Analogous Color

#778051
```
#778051 rgb(119,128,81)
```
#515f80
```
#515f80 rgb(81,95,128)
```
#805b51
```
#805b51 rgb(128,91,81)
```

Split Complementary Color

#5f8051
```
#5f8051 rgb(95,128,81)
```
#515f80
```
#515f80 rgb(81,95,128)
```
#80515f
```
#80515f rgb(128,81,95)
```

Triadic Color

#518072
```
#518072 rgb(81,128,114)
```
#515f80
```
#515f80 rgb(81,95,128)
```
#80515f
```
#80515f rgb(128,81,95)
```
#807251
```
#807251 rgb(128,114,81)
```

Tetradic Color

#333c51
```
#333c51 rgb(51,60,81)
```
#3d4861
```
#3d4861 rgb(61,72,97)
```
#475370
```
#475370 rgb(71,83,112)
```
#515f80
```
#515f80 rgb(81,95,128)
```
#5b6b90
```
#5b6b90 rgb(91,107,144)
```
#66779e
```
#66779e rgb(102,119,158)
```
#7685a8
```
#7685a8 rgb(118,133,168)
```

Monochromatic Color

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

#516b80
```
#516b80 rgb(81,107,128)
```
#516780
```
#516780 rgb(81,103,128)
```
#516380
```
#516380 rgb(81,99,128)
```
#515f80
```
#515f80 rgb(81,95,128)
```
#515b80
```
#515b80 rgb(81,91,128)
```
#515780
```
#515780 rgb(81,87,128)
```
#515380
```
#515380 rgb(81,83,128)
```

Similar Colors

Text with hexadecimal color #515f80

This text has a font color of #515f80.

<span style="color:#515f80;">Text here</span>

#515f80 background color

This paragraph has a background color of #515f80.

<p style="background-color:#515f80;">Content here</p>

#515f80 border color

This element has a border color of #515f80.

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

CSS codes

.text {color:#515f80;}

.background {background-color:#515f80;}

.border {border:1px solid #515f80;}

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

#050608
```
#050608 rgb(5,6,8)
```
#0d0f14
```
#0d0f14 rgb(13,15,20)
```
#141820
```
#141820 rgb(20,24,32)
```
#1c212c
```
#1c212c rgb(28,33,44)
```
#232a38
```
#232a38 rgb(35,42,56)
```
#2b3244
```
#2b3244 rgb(43,50,68)
```
#333b50
```
#333b50 rgb(51,59,80)
```
#3a445c
```
#3a445c rgb(58,68,92)
```
#424d68
```
#424d68 rgb(66,77,104)
```
#495674
```
#495674 rgb(73,86,116)
```
#515f80
```
#515f80 rgb(81,95,128)
```
#59688c
```
#59688c rgb(89,104,140)
```
#607198
```
#607198 rgb(96,113,152)
```

Shade Color Variation

#6b7ba1
```
#6b7ba1 rgb(107,123,161)
```
#7786a9
```
#7786a9 rgb(119,134,169)
```
#8390b0
```
#8390b0 rgb(131,144,176)
```
#8f9bb8
```
#8f9bb8 rgb(143,155,184)
```
#9ba6c0
```
#9ba6c0 rgb(155,166,192)
```
#a7b0c7
```
#a7b0c7 rgb(167,176,199)
```
#b3bbcf
```
#b3bbcf rgb(179,187,207)
```
#bfc6d6
```
#bfc6d6 rgb(191,198,214)
```
#cbd1de
```
#cbd1de rgb(203,209,222)
```
#d7dbe6
```
#d7dbe6 rgb(215,219,230)
```
#e3e6ed
```
#e3e6ed rgb(227,230,237)
```
#eff1f5
```
#eff1f5 rgb(239,241,245)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#616570
```
#616570 rgb(97,101,112)
```
#596278
```
#596278 rgb(89,98,120)
```
#515f80
```
#515f80 rgb(81,95,128)
```
#495c88
```
#495c88 rgb(73,92,136)
```
#415990
```
#415990 rgb(65,89,144)
```
#395598
```
#395598 rgb(57,85,152)
```
#3152a0
```
#3152a0 rgb(49,82,160)
```
#294fa8
```
#294fa8 rgb(41,79,168)
```
#214cb0
```
#214cb0 rgb(33,76,176)
```
#1948b8
```
#1948b8 rgb(25,72,184)
```
#1145c0
```
#1145c0 rgb(17,69,192)
```
#0942c8
```
#0942c8 rgb(9,66,200)
```
#013fd0
```
#013fd0 rgb(1,63,208)
```

Tone Color Variation

Below, you can see how #515f80 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

#5f5f5f Achromatopsia 0.005% of the population
#5c5f66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6685 Protanopia 1% of men
#5e6687 Deuteranopia 1% of men
#546b72 Tritanopia 0.001% of the population

Trichromacy

#596383 Protanomaly 1% of men, 0.01% of women
#596384 Deuteranomaly 6% of men, 0.4% of women
#536677 Tritanomaly 0.01% of the population

#515f80 hex color

#515f80 Color Information

#515f80 Color Conversion

Color Schemes with #515f80

Alternatives to #515f80

#515f80 Preview

Shades and Tints of #515f80

Tones of #515f80

Color Blindness Simulator