#515660 hex color

In a RGB color space, hex #515660 is composed of 31.8% red, 33.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 15.6% cyan, 10.4% magenta, 0% yellow and 62.4% black. It has a hue angle of 220 degrees, a saturation of 8.5% and a lightness of 34.7%. #515660 color hex could be obtained by blending #a2acc0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 32
- G 34
- B 38
RGB color chart
- C 16
- M 10
- Y 0
- K 62
CMYK color chart

● #515660 color description : Very dark grayish blue.

The hexadecimal color #515660 has RGB values of R:81, G:86, B:96 and CMYK values of C:0.16, M:0.1, Y:0, K:0.62. Its decimal value is 5330528.

Hex triplet	515660	`#515660`
RGB Decimal	81, 86, 96	`rgb(81,86,96)`
RGB Percent	31.8, 33.7, 37.6	`rgb(31.8%,33.7%,37.6%)`
CMYK	16, 10, 0, 62
HSL	220°, 8.5, 34.7	`hsl(220,8.5%,34.7%)`
HSV (or HSB)	220°, 15.6, 37.6
Web Safe	666666	`#666666`

CIE-LAB	36.46, 0.349, -6.458
XYZ	8.832, 9.249, 12.386
xyY	0.29, 0.304, 9.249
CIE-LCH	36.46, 6.467, 273.097
CIE-LUV	36.46, -3.127, -8.394
Hunter-Lab	30.413, -1.385, -2.857
Binary	01010001, 01010110, 01100000

#515660
```
#515660 rgb(81,86,96)
```
#605b51
```
#605b51 rgb(96,91,81)
```

Complementary Color

#515e60
```
#515e60 rgb(81,94,96)
```
#515660
```
#515660 rgb(81,86,96)
```
#545160
```
#545160 rgb(84,81,96)
```

Analogous Color

#5e6051
```
#5e6051 rgb(94,96,81)
```
#515660
```
#515660 rgb(81,86,96)
```
#605451
```
#605451 rgb(96,84,81)
```

Split Complementary Color

#566051
```
#566051 rgb(86,96,81)
```
#515660
```
#515660 rgb(81,86,96)
```
#605156
```
#605156 rgb(96,81,86)
```

Triadic Color

#51605b
```
#51605b rgb(81,96,91)
```
#515660
```
#515660 rgb(81,86,96)
```
#605156
```
#605156 rgb(96,81,86)
```
#605b51
```
#605b51 rgb(96,91,81)
```

Tetradic Color

#2e3137
```
#2e3137 rgb(46,49,55)
```
#3a3d44
```
#3a3d44 rgb(58,61,68)
```
#454a52
```
#454a52 rgb(69,74,82)
```
#515660
```
#515660 rgb(81,86,96)
```
#5d626e
```
#5d626e rgb(93,98,110)
```
#686f7c
```
#686f7c rgb(104,111,124)
```
#747b89
```
#747b89 rgb(116,123,137)
```

Monochromatic Color

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

#515a60
```
#515a60 rgb(81,90,96)
```
#515960
```
#515960 rgb(81,89,96)
```
#515760
```
#515760 rgb(81,87,96)
```
#515660
```
#515660 rgb(81,86,96)
```
#515560
```
#515560 rgb(81,85,96)
```
#515460
```
#515460 rgb(81,84,96)
```
#515260
```
#515260 rgb(81,82,96)
```

Similar Colors

Text with hexadecimal color #515660

This text has a font color of #515660.

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

#515660 background color

This paragraph has a background color of #515660.

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

#515660 border color

This element has a border color of #515660.

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

CSS codes

.text {color:#515660;}

.background {background-color:#515660;}

.border {border:1px solid #515660;}

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

#000000
```
#000000 rgb(0,0,0)
```
#090a0b
```
#090a0b rgb(9,10,11)
```
#121316
```
#121316 rgb(18,19,22)
```
#1b1d20
```
#1b1d20 rgb(27,29,32)
```
#24262b
```
#24262b rgb(36,38,43)
```
#2d3035
```
#2d3035 rgb(45,48,53)
```
#363940
```
#363940 rgb(54,57,64)
```
#3f434b
```
#3f434b rgb(63,67,75)
```
#484c55
```
#484c55 rgb(72,76,85)
```
#515660
```
#515660 rgb(81,86,96)
```
#5a606b
```
#5a606b rgb(90,96,107)
```
#636975
```
#636975 rgb(99,105,117)
```
#6c7380
```
#6c7380 rgb(108,115,128)
```

Shade Color Variation

#757c8b
```
#757c8b rgb(117,124,139)
```
#808693
```
#808693 rgb(128,134,147)
```
#8a909c
```
#8a909c rgb(138,144,156)
```
#959aa5
```
#959aa5 rgb(149,154,165)
```
#a0a4ae
```
#a0a4ae rgb(160,164,174)
```
#aaafb7
```
#aaafb7 rgb(170,175,183)
```
#b5b9c0
```
#b5b9c0 rgb(181,185,192)
```
#bfc3c9
```
#bfc3c9 rgb(191,195,201)
```
#cacdd2
```
#cacdd2 rgb(202,205,210)
```
#d5d7db
```
#d5d7db rgb(213,215,219)
```
#dfe1e4
```
#dfe1e4 rgb(223,225,228)
```
#eaebed
```
#eaebed rgb(234,235,237)
```
#f5f5f6
```
#f5f5f6 rgb(245,245,246)
```

Tint Color Variation

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

#585859
```
#585859 rgb(88,88,89)
```
#515660
```
#515660 rgb(81,86,96)
```
#4a5467
```
#4a5467 rgb(74,84,103)
```
#43516e
```
#43516e rgb(67,81,110)
```
#3d4f74
```
#3d4f74 rgb(61,79,116)
```
#364d7b
```
#364d7b rgb(54,77,123)
```
#2f4b82
```
#2f4b82 rgb(47,75,130)
```
#284889
```
#284889 rgb(40,72,137)
```
#214690
```
#214690 rgb(33,70,144)
```
#1b4496
```
#1b4496 rgb(27,68,150)
```
#14429d
```
#14429d rgb(20,66,157)
```
#0d3fa4
```
#0d3fa4 rgb(13,63,164)
```
#063dab
```
#063dab rgb(6,61,171)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#555658 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d5d67 Protanopia 1% of men
#625c69 Deuteranopia 1% of men
#595f66 Tritanopia 0.001% of the population

Trichromacy

#585b64 Protanomaly 1% of men, 0.01% of women
#5b5965 Deuteranomaly 6% of men, 0.4% of women
#565b63 Tritanomaly 0.01% of the population

#515660 hex color

#515660 Color Information

#515660 Color Conversion

Color Schemes with #515660

Alternatives to #515660

#515660 Preview

Shades and Tints of #515660

Tones of #515660

Color Blindness Simulator