#507364 hex color

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

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

● #507364 color description : Mostly desaturated dark cyan - lime green.

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

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

CIE-LAB	45.478, -15.995, 4.311
XYZ	11.739, 14.887, 14.311
xyY	0.287, 0.364, 14.887
CIE-LCH	45.478, 16.566, 164.917
CIE-LUV	45.478, -17.098, 8.074
Hunter-Lab	38.583, -13.213, 5.017
Binary	01010000, 01110011, 01100100

#507364
```
#507364 rgb(80,115,100)
```
#73505f
```
#73505f rgb(115,80,95)
```

Complementary Color

#507353
```
#507353 rgb(80,115,83)
```
#507364
```
#507364 rgb(80,115,100)
```
#507173
```
#507173 rgb(80,113,115)
```

Analogous Color

#735350
```
#735350 rgb(115,83,80)
```
#507364
```
#507364 rgb(80,115,100)
```
#735071
```
#735071 rgb(115,80,113)
```

Split Complementary Color

#736450
```
#736450 rgb(115,100,80)
```
#507364
```
#507364 rgb(80,115,100)
```
#645073
```
#645073 rgb(100,80,115)
```

Triadic Color

#5f7350
```
#5f7350 rgb(95,115,80)
```
#507364
```
#507364 rgb(80,115,100)
```
#645073
```
#645073 rgb(100,80,115)
```
#73505f
```
#73505f rgb(115,80,95)
```

Tetradic Color

#31463d
```
#31463d rgb(49,70,61)
```
#3b554a
```
#3b554a rgb(59,85,74)
```
#466457
```
#466457 rgb(70,100,87)
```
#507364
```
#507364 rgb(80,115,100)
```
#5a8271
```
#5a8271 rgb(90,130,113)
```
#65917e
```
#65917e rgb(101,145,126)
```
#729d8b
```
#729d8b rgb(114,157,139)
```

Monochromatic Color

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

#50735b
```
#50735b rgb(80,115,91)
```
#50735e
```
#50735e rgb(80,115,94)
```
#507361
```
#507361 rgb(80,115,97)
```
#507364
```
#507364 rgb(80,115,100)
```
#507367
```
#507367 rgb(80,115,103)
```
#50736a
```
#50736a rgb(80,115,106)
```
#50736d
```
#50736d rgb(80,115,109)
```

Similar Colors

Text with hexadecimal color #507364

This text has a font color of #507364.

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

#507364 background color

This paragraph has a background color of #507364.

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

#507364 border color

This element has a border color of #507364.

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

CSS codes

.text {color:#507364;}

.background {background-color:#507364;}

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

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

#080b09
```
#080b09 rgb(8,11,9)
```
#101614
```
#101614 rgb(16,22,20)
```
#18221e
```
#18221e rgb(24,34,30)
```
#202e28
```
#202e28 rgb(32,46,40)
```
#283932
```
#283932 rgb(40,57,50)
```
#30453c
```
#30453c rgb(48,69,60)
```
#385046
```
#385046 rgb(56,80,70)
```
#405c50
```
#405c50 rgb(64,92,80)
```
#48675a
```
#48675a rgb(72,103,90)
```
#507364
```
#507364 rgb(80,115,100)
```
#587f6e
```
#587f6e rgb(88,127,110)
```
#608a78
```
#608a78 rgb(96,138,120)
```
#689682
```
#689682 rgb(104,150,130)
```

Shade Color Variation

#749e8c
```
#749e8c rgb(116,158,140)
```
#7fa695
```
#7fa695 rgb(127,166,149)
```
#8bae9f
```
#8bae9f rgb(139,174,159)
```
#96b6a8
```
#96b6a8 rgb(150,182,168)
```
#a2beb2
```
#a2beb2 rgb(162,190,178)
```
#adc6bc
```
#adc6bc rgb(173,198,188)
```
#b9cec5
```
#b9cec5 rgb(185,206,197)
```
#c4d6cf
```
#c4d6cf rgb(196,214,207)
```
#d0ded8
```
#d0ded8 rgb(208,222,216)
```
#dce6e2
```
#dce6e2 rgb(220,230,226)
```
#e7eeeb
```
#e7eeeb rgb(231,238,235)
```
#f3f6f5
```
#f3f6f5 rgb(243,246,245)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#5f6462
```
#5f6462 rgb(95,100,98)
```
#586c63
```
#586c63 rgb(88,108,99)
```
#507364
```
#507364 rgb(80,115,100)
```
#497b65
```
#497b65 rgb(73,123,101)
```
#418266
```
#418266 rgb(65,130,102)
```
#3a8a67
```
#3a8a67 rgb(58,138,103)
```
#329168
```
#329168 rgb(50,145,104)
```
#2b9969
```
#2b9969 rgb(43,153,105)
```
#23a06a
```
#23a06a rgb(35,160,106)
```
#1ca86c
```
#1ca86c rgb(28,168,108)
```
#14af6d
```
#14af6d rgb(20,175,109)
```
#0db76e
```
#0db76e rgb(13,183,110)
```
#05be6f
```
#05be6f rgb(5,190,111)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#626966 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777268 Protanopia 1% of men
#7f6f6f Deuteranopia 1% of men
#5e777f Tritanopia 0.001% of the population

Trichromacy

#697266 Protanomaly 1% of men, 0.01% of women
#6e706b Deuteranomaly 6% of men, 0.4% of women
#587575 Tritanomaly 0.01% of the population

#507364 hex color

#507364 Color Information

#507364 Color Conversion

Color Schemes with #507364

Alternatives to #507364

#507364 Preview

Shades and Tints of #507364

Tones of #507364

Color Blindness Simulator