#515a6a hex color

In a RGB color space, hex #515a6a is composed of 31.8% red, 35.3% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 15.1% magenta, 0% yellow and 58.4% black. It has a hue angle of 218.4 degrees, a saturation of 13.4% and a lightness of 36.7%. #515a6a color hex could be obtained by blending #a2b4d4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 32
- G 35
- B 42
RGB color chart
- C 24
- M 15
- Y 0
- K 58
CMYK color chart

● #515a6a color description : Very dark grayish blue.

The hexadecimal color #515a6a has RGB values of R:81, G:90, B:106 and CMYK values of C:0.24, M:0.15, Y:0, K:0.58. Its decimal value is 5331562.

Hex triplet	515a6a	`#515a6a`
RGB Decimal	81, 90, 106	`rgb(81,90,106)`
RGB Percent	31.8, 35.3, 41.6	`rgb(31.8%,35.3%,41.6%)`
CMYK	24, 15, 0, 58
HSL	218.4°, 13.4, 36.7	`hsl(218.4,13.4%,36.7%)`
HSV (or HSB)	218.4°, 23.6, 41.6
Web Safe	666666	`#666666`

CIE-LAB	38.025, 0.393, -10.322
XYZ	9.65, 10.102, 15.076
xyY	0.277, 0.29, 10.102
CIE-LCH	38.025, 10.329, 272.183
CIE-LUV	38.025, -5.351, -13.773
Hunter-Lab	31.784, -1.424, -5.875
Binary	01010001, 01011010, 01101010

#515a6a
```
#515a6a rgb(81,90,106)
```
#6a6151
```
#6a6151 rgb(106,97,81)
```

Complementary Color

#51676a
```
#51676a rgb(81,103,106)
```
#515a6a
```
#515a6a rgb(81,90,106)
```
#55516a
```
#55516a rgb(85,81,106)
```

Analogous Color

#676a51
```
#676a51 rgb(103,106,81)
```
#515a6a
```
#515a6a rgb(81,90,106)
```
#6a5551
```
#6a5551 rgb(106,85,81)
```

Split Complementary Color

#5a6a51
```
#5a6a51 rgb(90,106,81)
```
#515a6a
```
#515a6a rgb(81,90,106)
```
#6a515a
```
#6a515a rgb(106,81,90)
```

Triadic Color

#516a61
```
#516a61 rgb(81,106,97)
```
#515a6a
```
#515a6a rgb(81,90,106)
```
#6a515a
```
#6a515a rgb(106,81,90)
```
#6a6151
```
#6a6151 rgb(106,97,81)
```

Tetradic Color

#30353f
```
#30353f rgb(48,53,63)
```
#3b414d
```
#3b414d rgb(59,65,77)
```
#464e5c
```
#464e5c rgb(70,78,92)
```
#515a6a
```
#515a6a rgb(81,90,106)
```
#5c6678
```
#5c6678 rgb(92,102,120)
```
#677387
```
#677387 rgb(103,115,135)
```
#737f94
```
#737f94 rgb(115,127,148)
```

Monochromatic Color

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

#51606a
```
#51606a rgb(81,96,106)
```
#515e6a
```
#515e6a rgb(81,94,106)
```
#515c6a
```
#515c6a rgb(81,92,106)
```
#515a6a
```
#515a6a rgb(81,90,106)
```
#51586a
```
#51586a rgb(81,88,106)
```
#51566a
```
#51566a rgb(81,86,106)
```
#51546a
```
#51546a rgb(81,84,106)
```

Similar Colors

Text with hexadecimal color #515a6a

This text has a font color of #515a6a.

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

#515a6a background color

This paragraph has a background color of #515a6a.

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

#515a6a border color

This element has a border color of #515a6a.

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

CSS codes

.text {color:#515a6a;}

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

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

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

#050506
```
#050506 rgb(5,5,6)
```
#0d0e11
```
#0d0e11 rgb(13,14,17)
```
#16181c
```
#16181c rgb(22,24,28)
```
#1e2127
```
#1e2127 rgb(30,33,39)
```
#272b32
```
#272b32 rgb(39,43,50)
```
#2f343e
```
#2f343e rgb(47,52,62)
```
#383e49
```
#383e49 rgb(56,62,73)
```
#404754
```
#404754 rgb(64,71,84)
```
#49515f
```
#49515f rgb(73,81,95)
```
#515a6a
```
#515a6a rgb(81,90,106)
```
#596375
```
#596375 rgb(89,99,117)
```
#626d80
```
#626d80 rgb(98,109,128)
```
#6a768b
```
#6a768b rgb(106,118,139)
```

Shade Color Variation

#748095
```
#748095 rgb(116,128,149)
```
#808a9e
```
#808a9e rgb(128,138,158)
```
#8b95a6
```
#8b95a6 rgb(139,149,166)
```
#969faf
```
#969faf rgb(150,159,175)
```
#a1a9b7
```
#a1a9b7 rgb(161,169,183)
```
#acb3c0
```
#acb3c0 rgb(172,179,192)
```
#b7bdc8
```
#b7bdc8 rgb(183,189,200)
```
#c2c7d1
```
#c2c7d1 rgb(194,199,209)
```
#cdd2d9
```
#cdd2d9 rgb(205,210,217)
```
#d8dce2
```
#d8dce2 rgb(216,220,226)
```
#e4e6ea
```
#e4e6ea rgb(228,230,234)
```
#eff0f3
```
#eff0f3 rgb(239,240,243)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585c63 is the less saturated color, while #0244b9 is the most saturated one.

#585c63
```
#585c63 rgb(88,92,99)
```
#515a6a
```
#515a6a rgb(81,90,106)
```
#4a5871
```
#4a5871 rgb(74,88,113)
```
#435678
```
#435678 rgb(67,86,120)
```
#3b5480
```
#3b5480 rgb(59,84,128)
```
#345287
```
#345287 rgb(52,82,135)
```
#2d508e
```
#2d508e rgb(45,80,142)
```
#264e95
```
#264e95 rgb(38,78,149)
```
#1f4c9c
```
#1f4c9c rgb(31,76,156)
```
#174aa4
```
#174aa4 rgb(23,74,164)
```
#1048ab
```
#1048ab rgb(16,72,171)
```
#0946b2
```
#0946b2 rgb(9,70,178)
```
#0244b9
```
#0244b9 rgb(2,68,185)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#57595c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6171 Protanopia 1% of men
#626072 Deuteranopia 1% of men
#58636a Tritanopia 0.001% of the population

Trichromacy

#595e6e Protanomaly 1% of men, 0.01% of women
#5c5d6f Deuteranomaly 6% of men, 0.4% of women
#55606a Tritanomaly 0.01% of the population

#515a6a hex color

#515a6a Color Information

#515a6a Color Conversion

Color Schemes with #515a6a

Alternatives to #515a6a

#515a6a Preview

Shades and Tints of #515a6a

Tones of #515a6a

Color Blindness Simulator