#515c78 hex color

In a RGB color space, hex #515c78 is composed of 31.8% red, 36.1% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 32.5% cyan, 23.3% magenta, 0% yellow and 52.9% black. It has a hue angle of 223.1 degrees, a saturation of 19.4% and a lightness of 39.4%. #515c78 color hex could be obtained by blending #a2b8f0 with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #515c78 has RGB values of R:81, G:92, B:120 and CMYK values of C:0.33, M:0.23, Y:0, K:0.53. Its decimal value is 5332088.

Hex triplet	515c78	`#515c78`
RGB Decimal	81, 92, 120	`rgb(81,92,120)`
RGB Percent	31.8, 36.1, 47.1	`rgb(31.8%,36.1%,47.1%)`
CMYK	33, 23, 0, 53
HSL	223.1°, 19.4, 39.4	`hsl(223.1,19.4%,39.4%)`
HSV (or HSB)	223.1°, 32.5, 47.1
Web Safe	666666	`#666666`

CIE-LAB	39.172, 2.936, -17.195
XYZ	10.61, 10.759, 19.286
xyY	0.261, 0.265, 10.759
CIE-LCH	39.172, 17.444, 279.689
CIE-LUV	39.172, -6.725, -23.964
Hunter-Lab	32.802, 0.335, -11.899
Binary	01010001, 01011100, 01111000

#515c78
```
#515c78 rgb(81,92,120)
```
#786d51
```
#786d51 rgb(120,109,81)
```

Complementary Color

#517078
```
#517078 rgb(81,112,120)
```
#515c78
```
#515c78 rgb(81,92,120)
```
#5a5178
```
#5a5178 rgb(90,81,120)
```

Analogous Color

#707851
```
#707851 rgb(112,120,81)
```
#515c78
```
#515c78 rgb(81,92,120)
```
#785a51
```
#785a51 rgb(120,90,81)
```

Split Complementary Color

#5c7851
```
#5c7851 rgb(92,120,81)
```
#515c78
```
#515c78 rgb(81,92,120)
```
#78515c
```
#78515c rgb(120,81,92)
```

Triadic Color

#51786d
```
#51786d rgb(81,120,109)
```
#515c78
```
#515c78 rgb(81,92,120)
```
#78515c
```
#78515c rgb(120,81,92)
```
#786d51
```
#786d51 rgb(120,109,81)
```

Tetradic Color

#32394a
```
#32394a rgb(50,57,74)
```
#3c455a
```
#3c455a rgb(60,69,90)
```
#475069
```
#475069 rgb(71,80,105)
```
#515c78
```
#515c78 rgb(81,92,120)
```
#5b6887
```
#5b6887 rgb(91,104,135)
```
#667396
```
#667396 rgb(102,115,150)
```
#7481a1
```
#7481a1 rgb(116,129,161)
```

Monochromatic Color

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

#516678
```
#516678 rgb(81,102,120)
```
#516378
```
#516378 rgb(81,99,120)
```
#515f78
```
#515f78 rgb(81,95,120)
```
#515c78
```
#515c78 rgb(81,92,120)
```
#515978
```
#515978 rgb(81,89,120)
```
#515678
```
#515678 rgb(81,86,120)
```
#515278
```
#515278 rgb(81,82,120)
```

Similar Colors

Text with hexadecimal color #515c78

This text has a font color of #515c78.

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

#515c78 background color

This paragraph has a background color of #515c78.

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

#515c78 border color

This element has a border color of #515c78.

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

CSS codes

.text {color:#515c78;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0b0f
```
#0a0b0f rgb(10,11,15)
```
#12141a
```
#12141a rgb(18,20,26)
```
#1a1d26
```
#1a1d26 rgb(26,29,38)
```
#222632
```
#222632 rgb(34,38,50)
```
#292f3d
```
#292f3d rgb(41,47,61)
```
#313849
```
#313849 rgb(49,56,73)
```
#394155
```
#394155 rgb(57,65,85)
```
#414a61
```
#414a61 rgb(65,74,97)
```
#49536c
```
#49536c rgb(73,83,108)
```
#515c78
```
#515c78 rgb(81,92,120)
```
#596584
```
#596584 rgb(89,101,132)
```
#616e8f
```
#616e8f rgb(97,110,143)
```

Shade Color Variation

#6a779a
```
#6a779a rgb(106,119,154)
```
#7582a2
```
#7582a2 rgb(117,130,162)
```
#818daa
```
#818daa rgb(129,141,170)
```
#8d97b2
```
#8d97b2 rgb(141,151,178)
```
#98a2ba
```
#98a2ba rgb(152,162,186)
```
#a4adc2
```
#a4adc2 rgb(164,173,194)
```
#b0b7ca
```
#b0b7ca rgb(176,183,202)
```
#bcc2d2
```
#bcc2d2 rgb(188,194,210)
```
#c7ccd9
```
#c7ccd9 rgb(199,204,217)
```
#d3d7e1
```
#d3d7e1 rgb(211,215,225)
```
#dfe2e9
```
#dfe2e9 rgb(223,226,233)
```
#eaecf1
```
#eaecf1 rgb(234,236,241)
```
#f6f7f9
```
#f6f7f9 rgb(246,247,249)
```

Tint Color Variation

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

#606369
```
#606369 rgb(96,99,105)
```
#595f70
```
#595f70 rgb(89,95,112)
```
#515c78
```
#515c78 rgb(81,92,120)
```
#495980
```
#495980 rgb(73,89,128)
```
#425587
```
#425587 rgb(66,85,135)
```
#3a528f
```
#3a528f rgb(58,82,143)
```
#324f97
```
#324f97 rgb(50,79,151)
```
#2a4b9f
```
#2a4b9f rgb(42,75,159)
```
#2348a6
```
#2348a6 rgb(35,72,166)
```
#1b44ae
```
#1b44ae rgb(27,68,174)
```
#1341b6
```
#1341b6 rgb(19,65,182)
```
#0b3ebe
```
#0b3ebe rgb(11,62,190)
```
#043ac5
```
#043ac5 rgb(4,58,197)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5a5c62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d637e Protanopia 1% of men
#5e637f Deuteranopia 1% of men
#55676f Tritanopia 0.001% of the population

Trichromacy

#58607c Protanomaly 1% of men, 0.01% of women
#59607c Deuteranomaly 6% of men, 0.4% of women
#546372 Tritanomaly 0.01% of the population

#515c78 hex color

#515c78 Color Information

#515c78 Color Conversion

Color Schemes with #515c78

Alternatives to #515c78

#515c78 Preview

Shades and Tints of #515c78

Tones of #515c78

Color Blindness Simulator