#515a77 hex color

In a RGB color space, hex #515a77 is composed of 31.8% red, 35.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 31.9% cyan, 24.4% magenta, 0% yellow and 53.3% black. It has a hue angle of 225.8 degrees, a saturation of 19% and a lightness of 39.2%. #515a77 color hex could be obtained by blending #a2b4ee with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #515a77 has RGB values of R:81, G:90, B:119 and CMYK values of C:0.32, M:0.24, Y:0, K:0.53. Its decimal value is 5331575.

Hex triplet	515a77	`#515a77`
RGB Decimal	81, 90, 119	`rgb(81,90,119)`
RGB Percent	31.8, 35.3, 46.7	`rgb(31.8%,35.3%,46.7%)`
CMYK	32, 24, 0, 53
HSL	225.8°, 19, 39.2	`hsl(225.8,19%,39.2%)`
HSV (or HSB)	225.8°, 31.9, 46.7
Web Safe	666666	`#666666`

CIE-LAB	38.539, 3.901, -17.554
XYZ	10.379, 10.393, 18.911
xyY	0.262, 0.262, 10.393
CIE-LCH	38.539, 17.982, 282.531
CIE-LUV	38.539, -5.855, -24.498
Hunter-Lab	32.239, 1.047, -12.212
Binary	01010001, 01011010, 01110111

#515a77
```
#515a77 rgb(81,90,119)
```
#776e51
```
#776e51 rgb(119,110,81)
```

Complementary Color

#516d77
```
#516d77 rgb(81,109,119)
```
#515a77
```
#515a77 rgb(81,90,119)
```
#5b5177
```
#5b5177 rgb(91,81,119)
```

Analogous Color

#6d7751
```
#6d7751 rgb(109,119,81)
```
#515a77
```
#515a77 rgb(81,90,119)
```
#775b51
```
#775b51 rgb(119,91,81)
```

Split Complementary Color

#5a7751
```
#5a7751 rgb(90,119,81)
```
#515a77
```
#515a77 rgb(81,90,119)
```
#77515a
```
#77515a rgb(119,81,90)
```

Triadic Color

#51776e
```
#51776e rgb(81,119,110)
```
#515a77
```
#515a77 rgb(81,90,119)
```
#77515a
```
#77515a rgb(119,81,90)
```
#776e51
```
#776e51 rgb(119,110,81)
```

Tetradic Color

#323849
```
#323849 rgb(50,56,73)
```
#3c4359
```
#3c4359 rgb(60,67,89)
```
#474f68
```
#474f68 rgb(71,79,104)
```
#515a77
```
#515a77 rgb(81,90,119)
```
#5b6586
```
#5b6586 rgb(91,101,134)
```
#667195
```
#667195 rgb(102,113,149)
```
#747fa0
```
#747fa0 rgb(116,127,160)
```

Monochromatic Color

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

#516477
```
#516477 rgb(81,100,119)
```
#516077
```
#516077 rgb(81,96,119)
```
#515d77
```
#515d77 rgb(81,93,119)
```
#515a77
```
#515a77 rgb(81,90,119)
```
#515777
```
#515777 rgb(81,87,119)
```
#515477
```
#515477 rgb(81,84,119)
```
#525177
```
#525177 rgb(82,81,119)
```

Similar Colors

Text with hexadecimal color #515a77

This text has a font color of #515a77.

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

#515a77 background color

This paragraph has a background color of #515a77.

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

#515a77 border color

This element has a border color of #515a77.

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

CSS codes

.text {color:#515a77;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0b0e
```
#0a0b0e rgb(10,11,14)
```
#11131a
```
#11131a rgb(17,19,26)
```
#191c25
```
#191c25 rgb(25,28,37)
```
#212531
```
#212531 rgb(33,37,49)
```
#292e3d
```
#292e3d rgb(41,46,61)
```
#313748
```
#313748 rgb(49,55,72)
```
#394054
```
#394054 rgb(57,64,84)
```
#414860
```
#414860 rgb(65,72,96)
```
#49516b
```
#49516b rgb(73,81,107)
```
#515a77
```
#515a77 rgb(81,90,119)
```
#596383
```
#596383 rgb(89,99,131)
```
#616c8e
```
#616c8e rgb(97,108,142)
```

Shade Color Variation

#6a7599
```
#6a7599 rgb(106,117,153)
```
#7580a1
```
#7580a1 rgb(117,128,161)
```
#818aa9
```
#818aa9 rgb(129,138,169)
```
#8d95b1
```
#8d95b1 rgb(141,149,177)
```
#98a0b9
```
#98a0b9 rgb(152,160,185)
```
#a4abc1
```
#a4abc1 rgb(164,171,193)
```
#b0b6c9
```
#b0b6c9 rgb(176,182,201)
```
#bbc0d1
```
#bbc0d1 rgb(187,192,209)
```
#c7cbd9
```
#c7cbd9 rgb(199,203,217)
```
#d3d6e1
```
#d3d6e1 rgb(211,214,225)
```
#dee1e9
```
#dee1e9 rgb(222,225,233)
```
#eaecf1
```
#eaecf1 rgb(234,236,241)
```
#f6f6f9
```
#f6f6f9 rgb(246,246,249)
```

Tint Color Variation

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

#606268
```
#606268 rgb(96,98,104)
```
#595e6f
```
#595e6f rgb(89,94,111)
```
#515a77
```
#515a77 rgb(81,90,119)
```
#49567f
```
#49567f rgb(73,86,127)
```
#425286
```
#425286 rgb(66,82,134)
```
#3a4e8e
```
#3a4e8e rgb(58,78,142)
```
#324a96
```
#324a96 rgb(50,74,150)
```
#2b469d
```
#2b469d rgb(43,70,157)
```
#2342a5
```
#2342a5 rgb(35,66,165)
```
#1b3ead
```
#1b3ead rgb(27,62,173)
```
#133ab5
```
#133ab5 rgb(19,58,181)
```
#0c36bc
```
#0c36bc rgb(12,54,188)
```
#0432c4
```
#0432c4 rgb(4,50,196)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#595b61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b627d Protanopia 1% of men
#5c617e Deuteranopia 1% of men
#55656d Tritanopia 0.001% of the population

Trichromacy

#575f7b Protanomaly 1% of men, 0.01% of women
#585e7b Deuteranomaly 6% of men, 0.4% of women
#536170 Tritanomaly 0.01% of the population

#515a77 hex color

#515a77 Color Information

#515a77 Color Conversion

Color Schemes with #515a77

Alternatives to #515a77

#515a77 Preview

Shades and Tints of #515a77

Tones of #515a77

Color Blindness Simulator