#506764 hex color

In a RGB color space, hex #506764 is composed of 31.4% red, 40.4% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 22.3% cyan, 0% magenta, 2.9% yellow and 59.6% black. It has a hue angle of 172.2 degrees, a saturation of 12.6% and a lightness of 35.9%. #506764 color hex could be obtained by blending #a0cec8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 40
- B 39
RGB color chart
- C 22
- M 0
- Y 3
- K 60
CMYK color chart

● #506764 color description : Very dark grayish cyan.

The hexadecimal color #506764 has RGB values of R:80, G:103, B:100 and CMYK values of C:0.22, M:0, Y:0.03, K:0.6. Its decimal value is 5269348.

Hex triplet	506764	`#506764`
RGB Decimal	80, 103, 100	`rgb(80,103,100)`
RGB Percent	31.4, 40.4, 39.2	`rgb(31.4%,40.4%,39.2%)`
CMYK	22, 0, 3, 60
HSL	172.2°, 12.6, 35.9	`hsl(172.2,12.6%,35.9%)`
HSV (or HSB)	172.2°, 22.3, 40.4
Web Safe	666666	`#666666`

CIE-LAB	41.729, -9.239, -1.132
XYZ	10.458, 12.326, 13.884
xyY	0.285, 0.336, 12.326
CIE-LCH	41.729, 9.308, 186.988
CIE-LUV	41.729, -11.57, -0.142
Hunter-Lab	35.108, -8.266, 1.129
Binary	01010000, 01100111, 01100100

#506764
```
#506764 rgb(80,103,100)
```
#675053
```
#675053 rgb(103,80,83)
```

Complementary Color

#506759
```
#506759 rgb(80,103,89)
```
#506764
```
#506764 rgb(80,103,100)
```
#505f67
```
#505f67 rgb(80,95,103)
```

Analogous Color

#675950
```
#675950 rgb(103,89,80)
```
#506764
```
#506764 rgb(80,103,100)
```
#67505f
```
#67505f rgb(103,80,95)
```

Split Complementary Color

#676450
```
#676450 rgb(103,100,80)
```
#506764
```
#506764 rgb(80,103,100)
```
#645067
```
#645067 rgb(100,80,103)
```

Triadic Color

#536750
```
#536750 rgb(83,103,80)
```
#506764
```
#506764 rgb(80,103,100)
```
#645067
```
#645067 rgb(100,80,103)
```
#675053
```
#675053 rgb(103,80,83)
```

Tetradic Color

#2f3c3a
```
#2f3c3a rgb(47,60,58)
```
#3a4a48
```
#3a4a48 rgb(58,74,72)
```
#455956
```
#455956 rgb(69,89,86)
```
#506764
```
#506764 rgb(80,103,100)
```
#5b7572
```
#5b7572 rgb(91,117,114)
```
#668480
```
#668480 rgb(102,132,128)
```
#72918d
```
#72918d rgb(114,145,141)
```

Monochromatic Color

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

#50675e
```
#50675e rgb(80,103,94)
```
#506760
```
#506760 rgb(80,103,96)
```
#506762
```
#506762 rgb(80,103,98)
```
#506764
```
#506764 rgb(80,103,100)
```
#506766
```
#506766 rgb(80,103,102)
```
#506667
```
#506667 rgb(80,102,103)
```
#506467
```
#506467 rgb(80,100,103)
```

Similar Colors

Text with hexadecimal color #506764

This text has a font color of #506764.

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

#506764 background color

This paragraph has a background color of #506764.

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

#506764 border color

This element has a border color of #506764.

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

CSS codes

.text {color:#506764;}

.background {background-color:#506764;}

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0b0f0e
```
#0b0f0e rgb(11,15,14)
```
#141a19
```
#141a19 rgb(20,26,25)
```
#1d2524
```
#1d2524 rgb(29,37,36)
```
#25302e
```
#25302e rgb(37,48,46)
```
#2e3b39
```
#2e3b39 rgb(46,59,57)
```
#364644
```
#364644 rgb(54,70,68)
```
#3f514f
```
#3f514f rgb(63,81,79)
```
#475c59
```
#475c59 rgb(71,92,89)
```
#506764
```
#506764 rgb(80,103,100)
```
#59726f
```
#59726f rgb(89,114,111)
```
#617d79
```
#617d79 rgb(97,125,121)
```
#6a8884
```
#6a8884 rgb(106,136,132)
```

Shade Color Variation

#73928e
```
#73928e rgb(115,146,142)
```
#7e9b97
```
#7e9b97 rgb(126,155,151)
```
#89a3a0
```
#89a3a0 rgb(137,163,160)
```
#94aca9
```
#94aca9 rgb(148,172,169)
```
#9fb5b2
```
#9fb5b2 rgb(159,181,178)
```
#aabdbb
```
#aabdbb rgb(170,189,187)
```
#b5c6c4
```
#b5c6c4 rgb(181,198,196)
```
#c0cecd
```
#c0cecd rgb(192,206,205)
```
#cbd7d5
```
#cbd7d5 rgb(203,215,213)
```
#d6e0de
```
#d6e0de rgb(214,224,222)
```
#e2e8e7
```
#e2e8e7 rgb(226,232,231)
```
#edf1f0
```
#edf1f0 rgb(237,241,240)
```
#f8f9f9
```
#f8f9f9 rgb(248,249,249)
```

Tint Color Variation

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

#57605f
```
#57605f rgb(87,96,95)
```
#506764
```
#506764 rgb(80,103,100)
```
#496e69
```
#496e69 rgb(73,110,105)
```
#42756e
```
#42756e rgb(66,117,110)
```
#3b7c74
```
#3b7c74 rgb(59,124,116)
```
#348379
```
#348379 rgb(52,131,121)
```
#2d8a7e
```
#2d8a7e rgb(45,138,126)
```
#269183
```
#269183 rgb(38,145,131)
```
#1f9888
```
#1f9888 rgb(31,152,136)
```
#189f8e
```
#189f8e rgb(24,159,142)
```
#11a693
```
#11a693 rgb(17,166,147)
```
#0aad98
```
#0aad98 rgb(10,173,152)
```
#03b49d
```
#03b49d rgb(3,180,157)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5d6161 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6a69 Protanopia 1% of men
#72676e Deuteranopia 1% of men
#5b6d75 Tritanopia 0.001% of the population

Trichromacy

#626867 Protanomaly 1% of men, 0.01% of women
#66676a Deuteranomaly 6% of men, 0.4% of women
#576b6f Tritanomaly 0.01% of the population

#506764 hex color

#506764 Color Information

#506764 Color Conversion

Color Schemes with #506764

Alternatives to #506764

#506764 Preview

Shades and Tints of #506764

Tones of #506764

Color Blindness Simulator