#506b6a hex color

In a RGB color space, hex #506b6a is composed of 31.4% red, 42% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 25.2% cyan, 0% magenta, 0.9% yellow and 58% black. It has a hue angle of 177.8 degrees, a saturation of 14.4% and a lightness of 36.7%. #506b6a color hex could be obtained by blending #a0d6d4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 42
- B 42
RGB color chart
- C 25
- M 0
- Y 1
- K 58
CMYK color chart

● #506b6a color description : Very dark grayish cyan.

The hexadecimal color #506b6a has RGB values of R:80, G:107, B:106 and CMYK values of C:0.25, M:0, Y:0.01, K:0.58. Its decimal value is 5270378.

Hex triplet	506b6a	`#506b6a`
RGB Decimal	80, 107, 106	`rgb(80,107,106)`
RGB Percent	31.4, 42, 41.6	`rgb(31.4%,42%,41.6%)`
CMYK	25, 0, 1, 58
HSL	177.8°, 14.4, 36.7	`hsl(177.8,14.4%,36.7%)`
HSV (or HSB)	177.8°, 25.2, 42
Web Safe	666666	`#666666`

CIE-LAB	43.154, -10.086, -2.677
XYZ	11.167, 13.261, 15.606
xyY	0.279, 0.331, 13.261
CIE-LCH	43.154, 10.436, 194.864
CIE-LUV	43.154, -13.447, -2.111
Hunter-Lab	36.416, -8.991, 0.082
Binary	01010000, 01101011, 01101010

#506b6a
```
#506b6a rgb(80,107,106)
```
#6b5051
```
#6b5051 rgb(107,80,81)
```

Complementary Color

#506b5d
```
#506b5d rgb(80,107,93)
```
#506b6a
```
#506b6a rgb(80,107,106)
```
#505f6b
```
#505f6b rgb(80,95,107)
```

Analogous Color

#6b5d50
```
#6b5d50 rgb(107,93,80)
```
#506b6a
```
#506b6a rgb(80,107,106)
```
#6b505f
```
#6b505f rgb(107,80,95)
```

Split Complementary Color

#6b6a50
```
#6b6a50 rgb(107,106,80)
```
#506b6a
```
#506b6a rgb(80,107,106)
```
#6a506b
```
#6a506b rgb(106,80,107)
```

Triadic Color

#516b50
```
#516b50 rgb(81,107,80)
```
#506b6a
```
#506b6a rgb(80,107,106)
```
#6a506b
```
#6a506b rgb(106,80,107)
```
#6b5051
```
#6b5051 rgb(107,80,81)
```

Tetradic Color

#2f3f3f
```
#2f3f3f rgb(47,63,63)
```
#3a4e4d
```
#3a4e4d rgb(58,78,77)
```
#455c5c
```
#455c5c rgb(69,92,92)
```
#506b6a
```
#506b6a rgb(80,107,106)
```
#5b7a78
```
#5b7a78 rgb(91,122,120)
```
#668887
```
#668887 rgb(102,136,135)
```
#729694
```
#729694 rgb(114,150,148)
```

Monochromatic Color

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

#506b63
```
#506b63 rgb(80,107,99)
```
#506b66
```
#506b66 rgb(80,107,102)
```
#506b68
```
#506b68 rgb(80,107,104)
```
#506b6a
```
#506b6a rgb(80,107,106)
```
#506a6b
```
#506a6b rgb(80,106,107)
```
#50686b
```
#50686b rgb(80,104,107)
```
#50656b
```
#50656b rgb(80,101,107)
```

Similar Colors

Text with hexadecimal color #506b6a

This text has a font color of #506b6a.

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

#506b6a background color

This paragraph has a background color of #506b6a.

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

#506b6a border color

This element has a border color of #506b6a.

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

CSS codes

.text {color:#506b6a;}

.background {background-color:#506b6a;}

.border {border:1px solid #506b6a;}

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

#040606
```
#040606 rgb(4,6,6)
```
#0d1111
```
#0d1111 rgb(13,17,17)
```
#151c1c
```
#151c1c rgb(21,28,28)
```
#1e2827
```
#1e2827 rgb(30,40,39)
```
#263332
```
#263332 rgb(38,51,50)
```
#2e3e3e
```
#2e3e3e rgb(46,62,62)
```
#374949
```
#374949 rgb(55,73,73)
```
#3f5554
```
#3f5554 rgb(63,85,84)
```
#48605f
```
#48605f rgb(72,96,95)
```
#506b6a
```
#506b6a rgb(80,107,106)
```
#587675
```
#587675 rgb(88,118,117)
```
#618180
```
#618180 rgb(97,129,128)
```
#698d8b
```
#698d8b rgb(105,141,139)
```

Shade Color Variation

#739695
```
#739695 rgb(115,150,149)
```
#7e9f9e
```
#7e9f9e rgb(126,159,158)
```
#8aa7a6
```
#8aa7a6 rgb(138,167,166)
```
#95b0af
```
#95b0af rgb(149,176,175)
```
#a0b8b7
```
#a0b8b7 rgb(160,184,183)
```
#abc0c0
```
#abc0c0 rgb(171,192,192)
```
#b6c9c8
```
#b6c9c8 rgb(182,201,200)
```
#c2d1d1
```
#c2d1d1 rgb(194,209,209)
```
#cddad9
```
#cddad9 rgb(205,218,217)
```
#d8e2e2
```
#d8e2e2 rgb(216,226,226)
```
#e3eaea
```
#e3eaea rgb(227,234,234)
```
#eff3f3
```
#eff3f3 rgb(239,243,243)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#576463
```
#576463 rgb(87,100,99)
```
#506b6a
```
#506b6a rgb(80,107,106)
```
#497271
```
#497271 rgb(73,114,113)
```
#427977
```
#427977 rgb(66,121,119)
```
#3a817e
```
#3a817e rgb(58,129,126)
```
#338885
```
#338885 rgb(51,136,133)
```
#2c8f8b
```
#2c8f8b rgb(44,143,139)
```
#259692
```
#259692 rgb(37,150,146)
```
#1e9d99
```
#1e9d99 rgb(30,157,153)
```
#16a59f
```
#16a59f rgb(22,165,159)
```
#0faca6
```
#0faca6 rgb(15,172,166)
```
#08b3ad
```
#08b3ad rgb(8,179,173)
```
#01bab3
```
#01bab3 rgb(1,186,179)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5f6564 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6d6e Protanopia 1% of men
#746a74 Deuteranopia 1% of men
#5b7179 Tritanopia 0.001% of the population

Trichromacy

#636c6d Protanomaly 1% of men, 0.01% of women
#676a70 Deuteranomaly 6% of men, 0.4% of women
#576f73 Tritanomaly 0.01% of the population

#506b6a hex color

#506b6a Color Information

#506b6a Color Conversion

Color Schemes with #506b6a

Alternatives to #506b6a

#506b6a Preview

Shades and Tints of #506b6a

Tones of #506b6a

Color Blindness Simulator