#505563 hex color

In a RGB color space, hex #505563 is composed of 31.4% red, 33.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 19.2% cyan, 14.1% magenta, 0% yellow and 61.2% black. It has a hue angle of 224.2 degrees, a saturation of 10.6% and a lightness of 35.1%. #505563 color hex could be obtained by blending #a0aac6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 33
- B 39
RGB color chart
- C 19
- M 14
- Y 0
- K 61
CMYK color chart

● #505563 color description : Very dark grayish blue.

The hexadecimal color #505563 has RGB values of R:80, G:85, B:99 and CMYK values of C:0.19, M:0.14, Y:0, K:0.61. Its decimal value is 5264739.

Hex triplet	505563	`#505563`
RGB Decimal	80, 85, 99	`rgb(80,85,99)`
RGB Percent	31.4, 33.3, 38.8	`rgb(31.4%,33.3%,38.8%)`
CMYK	19, 14, 0, 61
HSL	224.2°, 10.6, 35.1	`hsl(224.2,10.6%,35.1%)`
HSV (or HSB)	224.2°, 19.2, 38.8
Web Safe	666666	`#666666`

CIE-LAB	36.182, 1.345, -8.756
XYZ	8.808, 9.103, 13.097
xyY	0.284, 0.294, 9.103
CIE-LCH	36.182, 8.859, 278.731
CIE-LUV	36.182, -3.303, -11.585
Hunter-Lab	30.172, -0.688, -4.616
Binary	01010000, 01010101, 01100011

#505563
```
#505563 rgb(80,85,99)
```
#635e50
```
#635e50 rgb(99,94,80)
```

Complementary Color

#505f63
```
#505f63 rgb(80,95,99)
```
#505563
```
#505563 rgb(80,85,99)
```
#555063
```
#555063 rgb(85,80,99)
```

Analogous Color

#5f6350
```
#5f6350 rgb(95,99,80)
```
#505563
```
#505563 rgb(80,85,99)
```
#635550
```
#635550 rgb(99,85,80)
```

Split Complementary Color

#556350
```
#556350 rgb(85,99,80)
```
#505563
```
#505563 rgb(80,85,99)
```
#635055
```
#635055 rgb(99,80,85)
```

Triadic Color

#50635e
```
#50635e rgb(80,99,94)
```
#505563
```
#505563 rgb(80,85,99)
```
#635055
```
#635055 rgb(99,80,85)
```
#635e50
```
#635e50 rgb(99,94,80)
```

Tetradic Color

#2e3139
```
#2e3139 rgb(46,49,57)
```
#393d47
```
#393d47 rgb(57,61,71)
```
#454955
```
#454955 rgb(69,73,85)
```
#505563
```
#505563 rgb(80,85,99)
```
#5b6171
```
#5b6171 rgb(91,97,113)
```
#676d7f
```
#676d7f rgb(103,109,127)
```
#72798d
```
#72798d rgb(114,121,141)
```

Monochromatic Color

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

#505a63
```
#505a63 rgb(80,90,99)
```
#505863
```
#505863 rgb(80,88,99)
```
#505763
```
#505763 rgb(80,87,99)
```
#505563
```
#505563 rgb(80,85,99)
```
#505363
```
#505363 rgb(80,83,99)
```
#505263
```
#505263 rgb(80,82,99)
```
#505063
```
#505063 rgb(80,80,99)
```

Similar Colors

Text with hexadecimal color #505563

This text has a font color of #505563.

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

#505563 background color

This paragraph has a background color of #505563.

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

#505563 border color

This element has a border color of #505563.

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

CSS codes

.text {color:#505563;}

.background {background-color:#505563;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0a0c
```
#0a0a0c rgb(10,10,12)
```
#131417
```
#131417 rgb(19,20,23)
```
#1b1d22
```
#1b1d22 rgb(27,29,34)
```
#24262d
```
#24262d rgb(36,38,45)
```
#2d3038
```
#2d3038 rgb(45,48,56)
```
#363942
```
#363942 rgb(54,57,66)
```
#3e424d
```
#3e424d rgb(62,66,77)
```
#474c58
```
#474c58 rgb(71,76,88)
```
#505563
```
#505563 rgb(80,85,99)
```
#595e6e
```
#595e6e rgb(89,94,110)
```
#626879
```
#626879 rgb(98,104,121)
```
#6a7184
```
#6a7184 rgb(106,113,132)
```

Shade Color Variation

#737a8e
```
#737a8e rgb(115,122,142)
```
#7e8597
```
#7e8597 rgb(126,133,151)
```
#898fa0
```
#898fa0 rgb(137,143,160)
```
#9499a8
```
#9499a8 rgb(148,153,168)
```
#9fa4b1
```
#9fa4b1 rgb(159,164,177)
```
#aaaeba
```
#aaaeba rgb(170,174,186)
```
#b4b8c3
```
#b4b8c3 rgb(180,184,195)
```
#bfc2cc
```
#bfc2cc rgb(191,194,204)
```
#cacdd4
```
#cacdd4 rgb(202,205,212)
```
#d5d7dd
```
#d5d7dd rgb(213,215,221)
```
#e0e1e6
```
#e0e1e6 rgb(224,225,230)
```
#ebecef
```
#ebecef rgb(235,236,239)
```
#f6f6f7
```
#f6f6f7 rgb(246,246,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57585c is the less saturated color, while #0431af is the most saturated one.

#57585c
```
#57585c rgb(87,88,92)
```
#505563
```
#505563 rgb(80,85,99)
```
#49526a
```
#49526a rgb(73,82,106)
```
#424e71
```
#424e71 rgb(66,78,113)
```
#3b4b78
```
#3b4b78 rgb(59,75,120)
```
#34487f
```
#34487f rgb(52,72,127)
```
#2e4585
```
#2e4585 rgb(46,69,133)
```
#27418c
```
#27418c rgb(39,65,140)
```
#203e93
```
#203e93 rgb(32,62,147)
```
#193b9a
```
#193b9a rgb(25,59,154)
```
#1238a1
```
#1238a1 rgb(18,56,161)
```
#0b34a8
```
#0b34a8 rgb(11,52,168)
```
#0431af
```
#0431af rgb(4,49,175)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#545558 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5d6a Protanopia 1% of men
#5f5b6b Deuteranopia 1% of men
#575e65 Tritanopia 0.001% of the population

Trichromacy

#575a67 Protanomaly 1% of men, 0.01% of women
#595968 Deuteranomaly 6% of men, 0.4% of women
#555b64 Tritanomaly 0.01% of the population

#505563 hex color

#505563 Color Information

#505563 Color Conversion

Color Schemes with #505563

Alternatives to #505563

#505563 Preview

Shades and Tints of #505563

Tones of #505563

Color Blindness Simulator