#515d7a hex color

In a RGB color space, hex #515d7a is composed of 31.8% red, 36.5% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 23.8% magenta, 0% yellow and 52.2% black. It has a hue angle of 222.4 degrees, a saturation of 20.2% and a lightness of 39.8%. #515d7a color hex could be obtained by blending #a2baf4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 32
- G 36
- B 48
RGB color chart
- C 34
- M 24
- Y 0
- K 52
CMYK color chart

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

The hexadecimal color #515d7a has RGB values of R:81, G:93, B:122 and CMYK values of C:0.34, M:0.24, Y:0, K:0.52. Its decimal value is 5332346.

Hex triplet	515d7a	`#515d7a`
RGB Decimal	81, 93, 122	`rgb(81,93,122)`
RGB Percent	31.8, 36.5, 47.8	`rgb(31.8%,36.5%,47.8%)`
CMYK	34, 24, 0, 52
HSL	222.4°, 20.2, 39.8	`hsl(222.4,20.2%,39.8%)`
HSV (or HSB)	222.4°, 33.6, 47.8
Web Safe	666666	`#666666`

CIE-LAB	39.552, 2.878, -17.837
XYZ	10.82, 10.983, 19.961
xyY	0.259, 0.263, 10.983
CIE-LCH	39.552, 18.068, 279.164
CIE-LUV	39.552, -7.21, -24.944
Hunter-Lab	33.14, 0.282, -12.513
Binary	01010001, 01011101, 01111010

#515d7a
```
#515d7a rgb(81,93,122)
```
#7a6e51
```
#7a6e51 rgb(122,110,81)
```

Complementary Color

#51727a
```
#51727a rgb(81,114,122)
```
#515d7a
```
#515d7a rgb(81,93,122)
```
#5a517a
```
#5a517a rgb(90,81,122)
```

Analogous Color

#727a51
```
#727a51 rgb(114,122,81)
```
#515d7a
```
#515d7a rgb(81,93,122)
```
#7a5a51
```
#7a5a51 rgb(122,90,81)
```

Split Complementary Color

#5d7a51
```
#5d7a51 rgb(93,122,81)
```
#515d7a
```
#515d7a rgb(81,93,122)
```
#7a515d
```
#7a515d rgb(122,81,93)
```

Triadic Color

#517a6e
```
#517a6e rgb(81,122,110)
```
#515d7a
```
#515d7a rgb(81,93,122)
```
#7a515d
```
#7a515d rgb(122,81,93)
```
#7a6e51
```
#7a6e51 rgb(122,110,81)
```

Tetradic Color

#323a4c
```
#323a4c rgb(50,58,76)
```
#3d465b
```
#3d465b rgb(61,70,91)
```
#47516b
```
#47516b rgb(71,81,107)
```
#515d7a
```
#515d7a rgb(81,93,122)
```
#5b6989
```
#5b6989 rgb(91,105,137)
```
#657499
```
#657499 rgb(101,116,153)
```
#7482a3
```
#7482a3 rgb(116,130,163)
```

Monochromatic Color

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

#51677a
```
#51677a rgb(81,103,122)
```
#51647a
```
#51647a rgb(81,100,122)
```
#51607a
```
#51607a rgb(81,96,122)
```
#515d7a
```
#515d7a rgb(81,93,122)
```
#515a7a
```
#515a7a rgb(81,90,122)
```
#51567a
```
#51567a rgb(81,86,122)
```
#51537a
```
#51537a rgb(81,83,122)
```

Similar Colors

Text with hexadecimal color #515d7a

This text has a font color of #515d7a.

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

#515d7a background color

This paragraph has a background color of #515d7a.

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

#515d7a border color

This element has a border color of #515d7a.

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

CSS codes

.text {color:#515d7a;}

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

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0b0c10
```
#0b0c10 rgb(11,12,16)
```
#12151c
```
#12151c rgb(18,21,28)
```
#1a1e27
```
#1a1e27 rgb(26,30,39)
```
#222733
```
#222733 rgb(34,39,51)
```
#2a303f
```
#2a303f rgb(42,48,63)
```
#32394b
```
#32394b rgb(50,57,75)
```
#3a4257
```
#3a4257 rgb(58,66,87)
```
#414b62
```
#414b62 rgb(65,75,98)
```
#49546e
```
#49546e rgb(73,84,110)
```
#515d7a
```
#515d7a rgb(81,93,122)
```
#596686
```
#596686 rgb(89,102,134)
```
#616f92
```
#616f92 rgb(97,111,146)
```

Shade Color Variation

#6a799c
```
#6a799c rgb(106,121,156)
```
#7683a4
```
#7683a4 rgb(118,131,164)
```
#818eac
```
#818eac rgb(129,142,172)
```
#8d98b3
```
#8d98b3 rgb(141,152,179)
```
#99a3bb
```
#99a3bb rgb(153,163,187)
```
#a5aec3
```
#a5aec3 rgb(165,174,195)
```
#b1b8cb
```
#b1b8cb rgb(177,184,203)
```
#bcc3d3
```
#bcc3d3 rgb(188,195,211)
```
#c8cedb
```
#c8cedb rgb(200,206,219)
```
#d4d8e2
```
#d4d8e2 rgb(212,216,226)
```
#e0e3ea
```
#e0e3ea rgb(224,227,234)
```
#ecedf2
```
#ecedf2 rgb(236,237,242)
```
#f7f8fa
```
#f7f8fa rgb(247,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #61636a is the less saturated color, while #033dc8 is the most saturated one.

#61636a
```
#61636a rgb(97,99,106)
```
#596072
```
#596072 rgb(89,96,114)
```
#515d7a
```
#515d7a rgb(81,93,122)
```
#495a82
```
#495a82 rgb(73,90,130)
```
#41578a
```
#41578a rgb(65,87,138)
```
#3a5391
```
#3a5391 rgb(58,83,145)
```
#325099
```
#325099 rgb(50,80,153)
```
#2a4da1
```
#2a4da1 rgb(42,77,161)
```
#224aa9
```
#224aa9 rgb(34,74,169)
```
#1a46b1
```
#1a46b1 rgb(26,70,177)
```
#1343b8
```
#1343b8 rgb(19,67,184)
```
#0b40c0
```
#0b40c0 rgb(11,64,192)
```
#033dc8
```
#033dc8 rgb(3,61,200)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5b5d63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6480 Protanopia 1% of men
#5f6481 Deuteranopia 1% of men
#556870 Tritanopia 0.001% of the population

Trichromacy

#59617e Protanomaly 1% of men, 0.01% of women
#59617e Deuteranomaly 6% of men, 0.4% of women
#536473 Tritanomaly 0.01% of the population

#515d7a hex color

#515d7a Color Information

#515d7a Color Conversion

Color Schemes with #515d7a

Alternatives to #515d7a

#515d7a Preview

Shades and Tints of #515d7a

Tones of #515d7a

Color Blindness Simulator