#506963 hex color

In a RGB color space, hex #506963 is composed of 31.4% red, 41.2% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 0% magenta, 5.7% yellow and 58.8% black. It has a hue angle of 165.6 degrees, a saturation of 13.5% and a lightness of 36.3%. #506963 color hex could be obtained by blending #a0d2c6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 41
- B 39
RGB color chart
- C 24
- M 0
- Y 6
- K 59
CMYK color chart

● #506963 color description : Very dark grayish cyan.

The hexadecimal color #506963 has RGB values of R:80, G:105, B:99 and CMYK values of C:0.24, M:0, Y:0.06, K:0.59. Its decimal value is 5269859.

Hex triplet	506963	`#506963`
RGB Decimal	80, 105, 99	`rgb(80,105,99)`
RGB Percent	31.4, 41.2, 38.8	`rgb(31.4%,41.2%,38.8%)`
CMYK	24, 0, 6, 59
HSL	165.6°, 13.5, 36.3	`hsl(165.6,13.5%,36.3%)`
HSV (or HSB)	165.6°, 23.8, 41.2
Web Safe	666666	`#666666`

CIE-LAB	42.322, -10.628, 0.341
XYZ	10.611, 12.709, 13.698
xyY	0.287, 0.343, 12.709
CIE-LCH	42.322, 10.634, 178.161
CIE-LUV	42.322, -12.485, 2.009
Hunter-Lab	35.65, -9.256, 2.174
Binary	01010000, 01101001, 01100011

#506963
```
#506963 rgb(80,105,99)
```
#695056
```
#695056 rgb(105,80,86)
```

Complementary Color

#506957
```
#506957 rgb(80,105,87)
```
#506963
```
#506963 rgb(80,105,99)
```
#506369
```
#506369 rgb(80,99,105)
```

Analogous Color

#695750
```
#695750 rgb(105,87,80)
```
#506963
```
#506963 rgb(80,105,99)
```
#695063
```
#695063 rgb(105,80,99)
```

Split Complementary Color

#696350
```
#696350 rgb(105,99,80)
```
#506963
```
#506963 rgb(80,105,99)
```
#635069
```
#635069 rgb(99,80,105)
```

Triadic Color

#566950
```
#566950 rgb(86,105,80)
```
#506963
```
#506963 rgb(80,105,99)
```
#635069
```
#635069 rgb(99,80,105)
```
#695056
```
#695056 rgb(105,80,86)
```

Tetradic Color

#2f3e3a
```
#2f3e3a rgb(47,62,58)
```
#3a4c48
```
#3a4c48 rgb(58,76,72)
```
#455b55
```
#455b55 rgb(69,91,85)
```
#506963
```
#506963 rgb(80,105,99)
```
#5b7771
```
#5b7771 rgb(91,119,113)
```
#66867e
```
#66867e rgb(102,134,126)
```
#72948b
```
#72948b rgb(114,148,139)
```

Monochromatic Color

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

#50695d
```
#50695d rgb(80,105,93)
```
#50695f
```
#50695f rgb(80,105,95)
```
#506961
```
#506961 rgb(80,105,97)
```
#506963
```
#506963 rgb(80,105,99)
```
#506965
```
#506965 rgb(80,105,101)
```
#506967
```
#506967 rgb(80,105,103)
```
#506969
```
#506969 rgb(80,105,105)
```

Similar Colors

Text with hexadecimal color #506963

This text has a font color of #506963.

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

#506963 background color

This paragraph has a background color of #506963.

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

#506963 border color

This element has a border color of #506963.

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

CSS codes

.text {color:#506963;}

.background {background-color:#506963;}

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

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

#040505
```
#040505 rgb(4,5,5)
```
#0c100f
```
#0c100f rgb(12,16,15)
```
#151b1a
```
#151b1a rgb(21,27,26)
```
#1d2624
```
#1d2624 rgb(29,38,36)
```
#26312f
```
#26312f rgb(38,49,47)
```
#2e3c39
```
#2e3c39 rgb(46,60,57)
```
#374844
```
#374844 rgb(55,72,68)
```
#3f534e
```
#3f534e rgb(63,83,78)
```
#485e59
```
#485e59 rgb(72,94,89)
```
#506963
```
#506963 rgb(80,105,99)
```
#58746d
```
#58746d rgb(88,116,109)
```
#617f78
```
#617f78 rgb(97,127,120)
```
#698a82
```
#698a82 rgb(105,138,130)
```

Shade Color Variation

#73948c
```
#73948c rgb(115,148,140)
```
#7e9d96
```
#7e9d96 rgb(126,157,150)
```
#89a59f
```
#89a59f rgb(137,165,159)
```
#94aea8
```
#94aea8 rgb(148,174,168)
```
#a0b6b1
```
#a0b6b1 rgb(160,182,177)
```
#abbfba
```
#abbfba rgb(171,191,186)
```
#b6c7c3
```
#b6c7c3 rgb(182,199,195)
```
#c1d0cc
```
#c1d0cc rgb(193,208,204)
```
#ccd8d5
```
#ccd8d5 rgb(204,216,213)
```
#d7e1de
```
#d7e1de rgb(215,225,222)
```
#e2e9e8
```
#e2e9e8 rgb(226,233,232)
```
#eef2f1
```
#eef2f1 rgb(238,242,241)
```
#f9fafa
```
#f9fafa rgb(249,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57625f is the less saturated color, while #02b78c is the most saturated one.

#57625f
```
#57625f rgb(87,98,95)
```
#506963
```
#506963 rgb(80,105,99)
```
#497067
```
#497067 rgb(73,112,103)
```
#42776a
```
#42776a rgb(66,119,106)
```
#3b7e6e
```
#3b7e6e rgb(59,126,110)
```
#348572
```
#348572 rgb(52,133,114)
```
#2c8d76
```
#2c8d76 rgb(44,141,118)
```
#259479
```
#259479 rgb(37,148,121)
```
#1e9b7d
```
#1e9b7d rgb(30,155,125)
```
#17a281
```
#17a281 rgb(23,162,129)
```
#10a984
```
#10a984 rgb(16,169,132)
```
#09b088
```
#09b088 rgb(9,176,136)
```
#02b78c
```
#02b78c rgb(2,183,140)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5e6361 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6b68 Protanopia 1% of men
#75686d Deuteranopia 1% of men
#5b6e76 Tritanopia 0.001% of the population

Trichromacy

#636a66 Protanomaly 1% of men, 0.01% of women
#676869 Deuteranomaly 6% of men, 0.4% of women
#576c6f Tritanomaly 0.01% of the population

#506963 hex color

#506963 Color Information

#506963 Color Conversion

Color Schemes with #506963

Alternatives to #506963

#506963 Preview

Shades and Tints of #506963

Tones of #506963

Color Blindness Simulator