#507778 hex color

In a RGB color space, hex #507778 is composed of 31.4% red, 46.7% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 0.8% magenta, 0% yellow and 52.9% black. It has a hue angle of 181.5 degrees, a saturation of 20% and a lightness of 39.2%. #507778 color hex could be obtained by blending #a0eef0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 47
- B 47
RGB color chart
- C 33
- M 1
- Y 0
- K 53
CMYK color chart

● #507778 color description : Mostly desaturated dark cyan.

The hexadecimal color #507778 has RGB values of R:80, G:119, B:120 and CMYK values of C:0.33, M:0.01, Y:0, K:0.53. Its decimal value is 5273464.

Hex triplet	507778	`#507778`
RGB Decimal	80, 119, 120	`rgb(80,119,120)`
RGB Percent	31.4, 46.7, 47.1	`rgb(31.4%,46.7%,47.1%)`
CMYK	33, 1, 0, 53
HSL	181.5°, 20, 39.2	`hsl(181.5,20%,39.2%)`
HSV (or HSB)	181.5°, 33.3, 47.1
Web Safe	666666	`#666666`

CIE-LAB	47.307, -13.329, -4.927
XYZ	13.294, 16.255, 20.205
xyY	0.267, 0.327, 16.255
CIE-LCH	47.307, 14.21, 200.288
CIE-LUV	47.307, -18.74, -4.863
Hunter-Lab	40.317, -11.695, -1.492
Binary	01010000, 01110111, 01111000

#507778
```
#507778 rgb(80,119,120)
```
#785150
```
#785150 rgb(120,81,80)
```

Complementary Color

#507865
```
#507865 rgb(80,120,101)
```
#507778
```
#507778 rgb(80,119,120)
```
#506378
```
#506378 rgb(80,99,120)
```

Analogous Color

#786550
```
#786550 rgb(120,101,80)
```
#507778
```
#507778 rgb(80,119,120)
```
#785063
```
#785063 rgb(120,80,99)
```

Split Complementary Color

#777850
```
#777850 rgb(119,120,80)
```
#507778
```
#507778 rgb(80,119,120)
```
#785077
```
#785077 rgb(120,80,119)
```

Triadic Color

#507851
```
#507851 rgb(80,120,81)
```
#507778
```
#507778 rgb(80,119,120)
```
#785077
```
#785077 rgb(120,80,119)
```
#785150
```
#785150 rgb(120,81,80)
```

Tetradic Color

#31494a
```
#31494a rgb(49,73,74)
```
#3c5959
```
#3c5959 rgb(60,89,89)
```
#466869
```
#466869 rgb(70,104,105)
```
#507778
```
#507778 rgb(80,119,120)
```
#5a8687
```
#5a8687 rgb(90,134,135)
```
#649597
```
#649597 rgb(100,149,151)
```
#73a0a2
```
#73a0a2 rgb(115,160,162)
```

Monochromatic Color

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

#50786f
```
#50786f rgb(80,120,111)
```
#507872
```
#507872 rgb(80,120,114)
```
#507876
```
#507876 rgb(80,120,118)
```
#507778
```
#507778 rgb(80,119,120)
```
#507478
```
#507478 rgb(80,116,120)
```
#507078
```
#507078 rgb(80,112,120)
```
#506d78
```
#506d78 rgb(80,109,120)
```

Similar Colors

Text with hexadecimal color #507778

This text has a font color of #507778.

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

#507778 background color

This paragraph has a background color of #507778.

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

#507778 border color

This element has a border color of #507778.

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

CSS codes

.text {color:#507778;}

.background {background-color:#507778;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#090e0e
```
#090e0e rgb(9,14,14)
```
#111a1a
```
#111a1a rgb(17,26,26)
```
#192526
```
#192526 rgb(25,37,38)
```
#213131
```
#213131 rgb(33,49,49)
```
#293d3d
```
#293d3d rgb(41,61,61)
```
#314849
```
#314849 rgb(49,72,73)
```
#385455
```
#385455 rgb(56,84,85)
```
#406060
```
#406060 rgb(64,96,96)
```
#486b6c
```
#486b6c rgb(72,107,108)
```
#507778
```
#507778 rgb(80,119,120)
```
#588384
```
#588384 rgb(88,131,132)
```
#608e90
```
#608e90 rgb(96,142,144)
```

Shade Color Variation

#68999b
```
#68999b rgb(104,153,155)
```
#74a1a2
```
#74a1a2 rgb(116,161,162)
```
#80a9aa
```
#80a9aa rgb(128,169,170)
```
#8cb1b2
```
#8cb1b2 rgb(140,177,178)
```
#97b9ba
```
#97b9ba rgb(151,185,186)
```
#a3c1c2
```
#a3c1c2 rgb(163,193,194)
```
#afc9ca
```
#afc9ca rgb(175,201,202)
```
#bbd1d1
```
#bbd1d1 rgb(187,209,209)
```
#c6d9d9
```
#c6d9d9 rgb(198,217,217)
```
#d2e1e1
```
#d2e1e1 rgb(210,225,225)
```
#dee9e9
```
#dee9e9 rgb(222,233,233)
```
#eaf1f1
```
#eaf1f1 rgb(234,241,241)
```
#f6f9f9
```
#f6f9f9 rgb(246,249,249)
```

Tint Color Variation

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

#5f6869
```
#5f6869 rgb(95,104,105)
```
#587070
```
#587070 rgb(88,112,112)
```
#507778
```
#507778 rgb(80,119,120)
```
#487e80
```
#487e80 rgb(72,126,128)
```
#418687
```
#418687 rgb(65,134,135)
```
#398d8f
```
#398d8f rgb(57,141,143)
```
#319497
```
#319497 rgb(49,148,151)
```
#2a9c9e
```
#2a9c9e rgb(42,156,158)
```
#22a3a6
```
#22a3a6 rgb(34,163,166)
```
#1aaaae
```
#1aaaae rgb(26,170,174)
```
#12b1b6
```
#12b1b6 rgb(18,177,182)
```
#0bb9bd
```
#0bb9bd rgb(11,185,189)
```
#03c0c5
```
#03c0c5 rgb(3,192,197)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#666d6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#78767b Protanopia 1% of men
#7d7482 Deuteranopia 1% of men
#5b7c86 Tritanopia 0.001% of the population

Trichromacy

#697679 Protanomaly 1% of men, 0.01% of women
#6c757e Deuteranomaly 6% of men, 0.4% of women
#577a80 Tritanomaly 0.01% of the population

#507778 hex color

#507778 Color Information

#507778 Color Conversion

Color Schemes with #507778

Alternatives to #507778

#507778 Preview

Shades and Tints of #507778

Tones of #507778

Color Blindness Simulator