#507b78 hex color

In a RGB color space, hex #507b78 is composed of 31.4% red, 48.2% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 35% cyan, 0% magenta, 2.4% yellow and 51.8% black. It has a hue angle of 175.8 degrees, a saturation of 21.2% and a lightness of 39.8%. #507b78 color hex could be obtained by blending #a0f6f0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 48
- B 47
RGB color chart
- C 35
- M 0
- Y 2
- K 52
CMYK color chart

● #507b78 color description : Mostly desaturated dark cyan.

The hexadecimal color #507b78 has RGB values of R:80, G:123, B:120 and CMYK values of C:0.35, M:0, Y:0.02, K:0.52. Its decimal value is 5274488.

Hex triplet	507b78	`#507b78`
RGB Decimal	80, 123, 120	`rgb(80,123,120)`
RGB Percent	31.4, 48.2, 47.1	`rgb(31.4%,48.2%,47.1%)`
CMYK	35, 0, 2, 52
HSL	175.8°, 21.2, 39.8	`hsl(175.8,21.2%,39.8%)`
HSV (or HSB)	175.8°, 35, 48.2
Web Safe	666666	`#666666`

CIE-LAB	48.545, -15.538, -3.097
XYZ	13.78, 17.227, 20.367
xyY	0.268, 0.335, 17.227
CIE-LCH	48.545, 15.844, 191.273
CIE-LUV	48.545, -20.478, -1.984
Hunter-Lab	41.505, -13.369, -0.041
Binary	01010000, 01111011, 01111000

#507b78
```
#507b78 rgb(80,123,120)
```
#7b5053
```
#7b5053 rgb(123,80,83)
```

Complementary Color

#507b63
```
#507b63 rgb(80,123,99)
```
#507b78
```
#507b78 rgb(80,123,120)
```
#50697b
```
#50697b rgb(80,105,123)
```

Analogous Color

#7b6350
```
#7b6350 rgb(123,99,80)
```
#507b78
```
#507b78 rgb(80,123,120)
```
#7b5069
```
#7b5069 rgb(123,80,105)
```

Split Complementary Color

#7b7850
```
#7b7850 rgb(123,120,80)
```
#507b78
```
#507b78 rgb(80,123,120)
```
#78507b
```
#78507b rgb(120,80,123)
```

Triadic Color

#537b50
```
#537b50 rgb(83,123,80)
```
#507b78
```
#507b78 rgb(80,123,120)
```
#78507b
```
#78507b rgb(120,80,123)
```
#7b5053
```
#7b5053 rgb(123,80,83)
```

Tetradic Color

#324d4b
```
#324d4b rgb(50,77,75)
```
#3c5c5a
```
#3c5c5a rgb(60,92,90)
```
#466c69
```
#466c69 rgb(70,108,105)
```
#507b78
```
#507b78 rgb(80,123,120)
```
#5a8a87
```
#5a8a87 rgb(90,138,135)
```
#649a96
```
#649a96 rgb(100,154,150)
```
#73a4a1
```
#73a4a1 rgb(115,164,161)
```

Monochromatic Color

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

#507b6d
```
#507b6d rgb(80,123,109)
```
#507b71
```
#507b71 rgb(80,123,113)
```
#507b74
```
#507b74 rgb(80,123,116)
```
#507b78
```
#507b78 rgb(80,123,120)
```
#507a7b
```
#507a7b rgb(80,122,123)
```
#50777b
```
#50777b rgb(80,119,123)
```
#50737b
```
#50737b rgb(80,115,123)
```

Similar Colors

Text with hexadecimal color #507b78

This text has a font color of #507b78.

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

#507b78 background color

This paragraph has a background color of #507b78.

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

#507b78 border color

This element has a border color of #507b78.

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

CSS codes

.text {color:#507b78;}

.background {background-color:#507b78;}

.border {border:1px solid #507b78;}

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 #f7fafa is the lightest one.

#030404
```
#030404 rgb(3,4,4)
```
#0a1010
```
#0a1010 rgb(10,16,16)
```
#121c1b
```
#121c1b rgb(18,28,27)
```
#1a2827
```
#1a2827 rgb(26,40,39)
```
#223432
```
#223432 rgb(34,52,50)
```
#29403e
```
#29403e rgb(41,64,62)
```
#314b4a
```
#314b4a rgb(49,75,74)
```
#395755
```
#395755 rgb(57,87,85)
```
#416361
```
#416361 rgb(65,99,97)
```
#486f6c
```
#486f6c rgb(72,111,108)
```
#507b78
```
#507b78 rgb(80,123,120)
```
#588784
```
#588784 rgb(88,135,132)
```
#5f938f
```
#5f938f rgb(95,147,143)
```

Shade Color Variation

#699d9a
```
#699d9a rgb(105,157,154)
```
#75a5a2
```
#75a5a2 rgb(117,165,162)
```
#80adaa
```
#80adaa rgb(128,173,170)
```
#8cb4b2
```
#8cb4b2 rgb(140,180,178)
```
#98bcba
```
#98bcba rgb(152,188,186)
```
#a4c4c2
```
#a4c4c2 rgb(164,196,194)
```
#b0ccca
```
#b0ccca rgb(176,204,202)
```
#bcd3d2
```
#bcd3d2 rgb(188,211,210)
```
#c8dbda
```
#c8dbda rgb(200,219,218)
```
#d4e3e2
```
#d4e3e2 rgb(212,227,226)
```
#dfebea
```
#dfebea rgb(223,235,234)
```
#ebf2f2
```
#ebf2f2 rgb(235,242,242)
```
#f7fafa
```
#f7fafa rgb(247,250,250)
```

Tint Color Variation

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

#606b6b
```
#606b6b rgb(96,107,107)
```
#587371
```
#587371 rgb(88,115,113)
```
#507b78
```
#507b78 rgb(80,123,120)
```
#48837f
```
#48837f rgb(72,131,127)
```
#408b85
```
#408b85 rgb(64,139,133)
```
#39928c
```
#39928c rgb(57,146,140)
```
#319a93
```
#319a93 rgb(49,154,147)
```
#29a29a
```
#29a29a rgb(41,162,154)
```
#21aaa0
```
#21aaa0 rgb(33,170,160)
```
#19b2a7
```
#19b2a7 rgb(25,178,167)
```
#12b9ae
```
#12b9ae rgb(18,185,174)
```
#0ac1b4
```
#0ac1b4 rgb(10,193,180)
```
#02c9bb
```
#02c9bb rgb(2,201,187)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#687170 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c797a Protanopia 1% of men
#827782 Deuteranopia 1% of men
#5c8089 Tritanopia 0.001% of the population

Trichromacy

#6c7a79 Protanomaly 1% of men, 0.01% of women
#6f787e Deuteranomaly 6% of men, 0.4% of women
#577e83 Tritanomaly 0.01% of the population

#507b78 hex color

#507b78 Color Information

#507b78 Color Conversion

Color Schemes with #507b78

Alternatives to #507b78

#507b78 Preview

Shades and Tints of #507b78

Tones of #507b78

Color Blindness Simulator