#507c22 hex color

In a RGB color space, hex #507c22 is composed of 31.4% red, 48.6% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 35.5% cyan, 0% magenta, 72.6% yellow and 51.4% black. It has a hue angle of 89.3 degrees, a saturation of 57% and a lightness of 31%. #507c22 color hex could be obtained by blending #a0f844 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 31
- G 49
- B 13
RGB color chart
- C 35
- M 0
- Y 73
- K 51
CMYK color chart

● #507c22 color description : Dark green.

The hexadecimal color #507c22 has RGB values of R:80, G:124, B:34 and CMYK values of C:0.35, M:0, Y:0.73, K:0.51. Its decimal value is 5274658.

Hex triplet	507c22	`#507c22`
RGB Decimal	80, 124, 34	`rgb(80,124,34)`
RGB Percent	31.4, 48.6, 13.3	`rgb(31.4%,48.6%,13.3%)`
CMYK	35, 0, 73, 51
HSL	89.3°, 57, 31	`hsl(89.3,57%,31%)`
HSV (or HSB)	89.3°, 72.6, 48.6
Web Safe	666633	`#666633`

CIE-LAB	47.282, -30.56, 42.193
XYZ	10.804, 16.236, 4.078
xyY	0.347, 0.522, 16.236
CIE-LCH	47.282, 52.098, 125.915
CIE-LUV	47.282, -21.955, 49.057
Hunter-Lab	40.294, -22.651, 22.205
Binary	01010000, 01111100, 00100010

#507c22
```
#507c22 rgb(80,124,34)
```
#4e227c
```
#4e227c rgb(78,34,124)
```

Complementary Color

#7c7b22
```
#7c7b22 rgb(124,123,34)
```
#507c22
```
#507c22 rgb(80,124,34)
```
#237c22
```
#237c22 rgb(35,124,34)
```

Analogous Color

#7b227c
```
#7b227c rgb(123,34,124)
```
#507c22
```
#507c22 rgb(80,124,34)
```
#22237c
```
#22237c rgb(34,35,124)
```

Split Complementary Color

#7c2250
```
#7c2250 rgb(124,34,80)
```
#507c22
```
#507c22 rgb(80,124,34)
```
#22507c
```
#22507c rgb(34,80,124)
```

Triadic Color

#7c4e22
```
#7c4e22 rgb(124,78,34)
```
#507c22
```
#507c22 rgb(80,124,34)
```
#22507c
```
#22507c rgb(34,80,124)
```
#4e227c
```
#4e227c rgb(78,34,124)
```

Tetradic Color

#294012
```
#294012 rgb(41,64,18)
```
#365417
```
#365417 rgb(54,84,23)
```
#43681d
```
#43681d rgb(67,104,29)
```
#507c22
```
#507c22 rgb(80,124,34)
```
#5d9027
```
#5d9027 rgb(93,144,39)
```
#6aa42d
```
#6aa42d rgb(106,164,45)
```
#77b832
```
#77b832 rgb(119,184,50)
```

Monochromatic Color

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

#677c22
```
#677c22 rgb(103,124,34)
```
#5f7c22
```
#5f7c22 rgb(95,124,34)
```
#587c22
```
#587c22 rgb(88,124,34)
```
#507c22
```
#507c22 rgb(80,124,34)
```
#497c22
```
#497c22 rgb(73,124,34)
```
#417c22
```
#417c22 rgb(65,124,34)
```
#3a7c22
```
#3a7c22 rgb(58,124,34)
```

Similar Colors

Text with hexadecimal color #507c22

This text has a font color of #507c22.

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

#507c22 background color

This paragraph has a background color of #507c22.

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

#507c22 border color

This element has a border color of #507c22.

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

CSS codes

.text {color:#507c22;}

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

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0a1004
```
#0a1004 rgb(10,16,4)
```
#142009
```
#142009 rgb(20,32,9)
```
#1e2f0d
```
#1e2f0d rgb(30,47,13)
```
#283e11
```
#283e11 rgb(40,62,17)
```
#324e15
```
#324e15 rgb(50,78,21)
```
#3c5d1a
```
#3c5d1a rgb(60,93,26)
```
#466d1e
```
#466d1e rgb(70,109,30)
```
#507c22
```
#507c22 rgb(80,124,34)
```
#5a8b26
```
#5a8b26 rgb(90,139,38)
```
#649b2a
```
#649b2a rgb(100,155,42)
```
#6eaa2f
```
#6eaa2f rgb(110,170,47)
```
#78ba33
```
#78ba33 rgb(120,186,51)
```

Shade Color Variation

#82c838
```
#82c838 rgb(130,200,56)
```
#8bcd47
```
#8bcd47 rgb(139,205,71)
```
#95d157
```
#95d157 rgb(149,209,87)
```
#9fd566
```
#9fd566 rgb(159,213,102)
```
#a8d975
```
#a8d975 rgb(168,217,117)
```
#b2dd85
```
#b2dd85 rgb(178,221,133)
```
#bce294
```
#bce294 rgb(188,226,148)
```
#c5e6a3
```
#c5e6a3 rgb(197,230,163)
```
#cfeab3
```
#cfeab3 rgb(207,234,179)
```
#d9eec2
```
#d9eec2 rgb(217,238,194)
```
#e2f3d2
```
#e2f3d2 rgb(226,243,210)
```
#ecf7e1
```
#ecf7e1 rgb(236,247,225)
```
#f6fbf0
```
#f6fbf0 rgb(246,251,240)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f514d is the less saturated color, while #519a04 is the most saturated one.

#4f514d
```
#4f514d rgb(79,81,77)
```
#4f5846
```
#4f5846 rgb(79,88,70)
```
#4f5e40
```
#4f5e40 rgb(79,94,64)
```
#4f643a
```
#4f643a rgb(79,100,58)
```
#506a34
```
#506a34 rgb(80,106,52)
```
#50702e
```
#50702e rgb(80,112,46)
```
#507628
```
#507628 rgb(80,118,40)
```
#507c22
```
#507c22 rgb(80,124,34)
```
#50821c
```
#50821c rgb(80,130,28)
```
#508816
```
#508816 rgb(80,136,22)
```
#508e10
```
#508e10 rgb(80,142,16)
```
#51940a
```
#51940a rgb(81,148,10)
```
#519a04
```
#519a04 rgb(81,154,4)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#616a58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85772a Protanopia 1% of men
#937234 Deuteranopia 1% of men
#667a83 Tritanopia 0.001% of the population

Trichromacy

#717927 Protanomaly 1% of men, 0.01% of women
#7a752e Deuteranomaly 6% of men, 0.4% of women
#5e7b60 Tritanomaly 0.01% of the population

#507c22 hex color

#507c22 Color Information

#507c22 Color Conversion

Color Schemes with #507c22

Alternatives to #507c22

#507c22 Preview

Shades and Tints of #507c22

Tones of #507c22

Color Blindness Simulator