#507373 hex color

In a RGB color space, hex #507373 is composed of 31.4% red, 45.1% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 30.4% cyan, 0% magenta, 0% yellow and 54.9% black. It has a hue angle of 180 degrees, a saturation of 17.9% and a lightness of 38.2%. #507373 color hex could be obtained by blending #a0e6e6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 45
- B 45
RGB color chart
- C 30
- M 0
- Y 0
- K 55
CMYK color chart

● #507373 color description : Mostly desaturated dark cyan.

The hexadecimal color #507373 has RGB values of R:80, G:115, B:115 and CMYK values of C:0.3, M:0, Y:0, K:0.55. Its decimal value is 5272435.

Hex triplet	507373	`#507373`
RGB Decimal	80, 115, 115	`rgb(80,115,115)`
RGB Percent	31.4, 45.1, 45.1	`rgb(31.4%,45.1%,45.1%)`
CMYK	30, 0, 0, 55
HSL	180°, 17.9, 38.2	`hsl(180,17.9%,38.2%)`
HSV (or HSB)	180°, 30.4, 45.1
Web Safe	666666	`#666666`

CIE-LAB	45.913, -12.374, -4.013
XYZ	12.533, 15.204, 18.493
xyY	0.271, 0.329, 15.204
CIE-LCH	45.913, 13.008, 197.969
CIE-LUV	45.913, -17.024, -3.679
Hunter-Lab	38.993, -10.865, -0.825
Binary	01010000, 01110011, 01110011

#507373
```
#507373 rgb(80,115,115)
```
#735050
```
#735050 rgb(115,80,80)
```

Complementary Color

#507362
```
#507362 rgb(80,115,98)
```
#507373
```
#507373 rgb(80,115,115)
```
#506273
```
#506273 rgb(80,98,115)
```

Analogous Color

#736250
```
#736250 rgb(115,98,80)
```
#507373
```
#507373 rgb(80,115,115)
```
#735062
```
#735062 rgb(115,80,98)
```

Split Complementary Color

#737350
```
#737350 rgb(115,115,80)
```
#507373
```
#507373 rgb(80,115,115)
```
#735073
```
#735073 rgb(115,80,115)
```

Triadic Color

#507350
```
#507350 rgb(80,115,80)
```
#507373
```
#507373 rgb(80,115,115)
```
#735073
```
#735073 rgb(115,80,115)
```
#735050
```
#735050 rgb(115,80,80)
```

Tetradic Color

#314646
```
#314646 rgb(49,70,70)
```
#3b5555
```
#3b5555 rgb(59,85,85)
```
#466464
```
#466464 rgb(70,100,100)
```
#507373
```
#507373 rgb(80,115,115)
```
#5a8282
```
#5a8282 rgb(90,130,130)
```
#659191
```
#659191 rgb(101,145,145)
```
#729d9d
```
#729d9d rgb(114,157,157)
```

Monochromatic Color

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

#50736a
```
#50736a rgb(80,115,106)
```
#50736d
```
#50736d rgb(80,115,109)
```
#507370
```
#507370 rgb(80,115,112)
```
#507373
```
#507373 rgb(80,115,115)
```
#507073
```
#507073 rgb(80,112,115)
```
#506d73
```
#506d73 rgb(80,109,115)
```
#506a73
```
#506a73 rgb(80,106,115)
```

Similar Colors

Text with hexadecimal color #507373

This text has a font color of #507373.

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

#507373 background color

This paragraph has a background color of #507373.

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

#507373 border color

This element has a border color of #507373.

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

CSS codes

.text {color:#507373;}

.background {background-color:#507373;}

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

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, #080b0b is the darkest color, while #feffff is the lightest one.

#080b0b
```
#080b0b rgb(8,11,11)
```
#101616
```
#101616 rgb(16,22,22)
```
#182222
```
#182222 rgb(24,34,34)
```
#202e2e
```
#202e2e rgb(32,46,46)
```
#283939
```
#283939 rgb(40,57,57)
```
#304545
```
#304545 rgb(48,69,69)
```
#385050
```
#385050 rgb(56,80,80)
```
#405c5c
```
#405c5c rgb(64,92,92)
```
#486767
```
#486767 rgb(72,103,103)
```
#507373
```
#507373 rgb(80,115,115)
```
#587f7f
```
#587f7f rgb(88,127,127)
```
#608a8a
```
#608a8a rgb(96,138,138)
```
#689696
```
#689696 rgb(104,150,150)
```

Shade Color Variation

#749e9e
```
#749e9e rgb(116,158,158)
```
#7fa6a6
```
#7fa6a6 rgb(127,166,166)
```
#8baeae
```
#8baeae rgb(139,174,174)
```
#96b6b6
```
#96b6b6 rgb(150,182,182)
```
#a2bebe
```
#a2bebe rgb(162,190,190)
```
#adc6c6
```
#adc6c6 rgb(173,198,198)
```
#b9cece
```
#b9cece rgb(185,206,206)
```
#c4d6d6
```
#c4d6d6 rgb(196,214,214)
```
#d0dede
```
#d0dede rgb(208,222,222)
```
#dce6e6
```
#dce6e6 rgb(220,230,230)
```
#e7eeee
```
#e7eeee rgb(231,238,238)
```
#f3f6f6
```
#f3f6f6 rgb(243,246,246)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#5f6464
```
#5f6464 rgb(95,100,100)
```
#586c6c
```
#586c6c rgb(88,108,108)
```
#507373
```
#507373 rgb(80,115,115)
```
#497b7b
```
#497b7b rgb(73,123,123)
```
#418282
```
#418282 rgb(65,130,130)
```
#3a8a8a
```
#3a8a8a rgb(58,138,138)
```
#329191
```
#329191 rgb(50,145,145)
```
#2b9999
```
#2b9999 rgb(43,153,153)
```
#23a0a0
```
#23a0a0 rgb(35,160,160)
```
#1ca8a8
```
#1ca8a8 rgb(28,168,168)
```
#14afaf
```
#14afaf rgb(20,175,175)
```
#0db7b7
```
#0db7b7 rgb(13,183,183)
```
#05bebe
```
#05bebe rgb(5,190,190)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#646b6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#757376 Protanopia 1% of men
#7a717d Deuteranopia 1% of men
#5b7981 Tritanopia 0.001% of the population

Trichromacy

#677375 Protanomaly 1% of men, 0.01% of women
#6b7179 Deuteranomaly 6% of men, 0.4% of women
#57767c Tritanomaly 0.01% of the population

#507373 hex color

#507373 Color Information

#507373 Color Conversion

Color Schemes with #507373

Alternatives to #507373

#507373 Preview

Shades and Tints of #507373

Tones of #507373

Color Blindness Simulator