#505a24 hex color

In a RGB color space, hex #505a24 is composed of 31.4% red, 35.3% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 11.1% cyan, 0% magenta, 60% yellow and 64.7% black. It has a hue angle of 71.1 degrees, a saturation of 42.9% and a lightness of 24.7%. #505a24 color hex could be obtained by blending #a0b448 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 31
- G 35
- B 14
RGB color chart
- C 11
- M 0
- Y 60
- K 65
CMYK color chart

● #505a24 color description : Very dark yellow [Olive tone].

The hexadecimal color #505a24 has RGB values of R:80, G:90, B:36 and CMYK values of C:0.11, M:0, Y:0.6, K:0.65. Its decimal value is 5265956.

Hex triplet	505a24	`#505a24`
RGB Decimal	80, 90, 36	`rgb(80,90,36)`
RGB Percent	31.4, 35.3, 14.1	`rgb(31.4%,35.3%,14.1%)`
CMYK	11, 0, 60, 65
HSL	71.1°, 42.9, 24.7	`hsl(71.1,42.9%,24.7%)`
HSV (or HSB)	71.1°, 60, 35.3
Web Safe	666633	`#666633`

CIE-LAB	36.262, -12.9, 29.364
XYZ	7.283, 9.145, 3.051
xyY	0.374, 0.47, 9.145
CIE-LCH	36.262, 32.073, 113.717
CIE-LUV	36.262, -3.865, 31.807
Hunter-Lab	30.241, -9.934, 15.188
Binary	01010000, 01011010, 00100100

#505a24
```
#505a24 rgb(80,90,36)
```
#2e245a
```
#2e245a rgb(46,36,90)
```

Complementary Color

#5a4924
```
#5a4924 rgb(90,73,36)
```
#505a24
```
#505a24 rgb(80,90,36)
```
#355a24
```
#355a24 rgb(53,90,36)
```

Analogous Color

#49245a
```
#49245a rgb(73,36,90)
```
#505a24
```
#505a24 rgb(80,90,36)
```
#24355a
```
#24355a rgb(36,53,90)
```

Split Complementary Color

#5a2450
```
#5a2450 rgb(90,36,80)
```
#505a24
```
#505a24 rgb(80,90,36)
```
#24505a
```
#24505a rgb(36,80,90)
```

Triadic Color

#5a2e24
```
#5a2e24 rgb(90,46,36)
```
#505a24
```
#505a24 rgb(80,90,36)
```
#24505a
```
#24505a rgb(36,80,90)
```
#2e245a
```
#2e245a rgb(46,36,90)
```

Tetradic Color

#1f230e
```
#1f230e rgb(31,35,14)
```
#303615
```
#303615 rgb(48,54,21)
```
#40481d
```
#40481d rgb(64,72,29)
```
#505a24
```
#505a24 rgb(80,90,36)
```
#606c2b
```
#606c2b rgb(96,108,43)
```
#707e33
```
#707e33 rgb(112,126,51)
```
#81913a
```
#81913a rgb(129,145,58)
```

Monochromatic Color

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

#5a5724
```
#5a5724 rgb(90,87,36)
```
#595a24
```
#595a24 rgb(89,90,36)
```
#555a24
```
#555a24 rgb(85,90,36)
```
#505a24
```
#505a24 rgb(80,90,36)
```
#4c5a24
```
#4c5a24 rgb(76,90,36)
```
#475a24
```
#475a24 rgb(71,90,36)
```
#435a24
```
#435a24 rgb(67,90,36)
```

Similar Colors

Text with hexadecimal color #505a24

This text has a font color of #505a24.

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

#505a24 background color

This paragraph has a background color of #505a24.

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

#505a24 border color

This element has a border color of #505a24.

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

CSS codes

.text {color:#505a24;}

.background {background-color:#505a24;}

.border {border:1px solid #505a24;}

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

#050602
```
#050602 rgb(5,6,2)
```
#121408
```
#121408 rgb(18,20,8)
```
#1e220e
```
#1e220e rgb(30,34,14)
```
#2b3013
```
#2b3013 rgb(43,48,19)
```
#373e19
```
#373e19 rgb(55,62,25)
```
#444c1e
```
#444c1e rgb(68,76,30)
```
#505a24
```
#505a24 rgb(80,90,36)
```
#5c682a
```
#5c682a rgb(92,104,42)
```
#69762f
```
#69762f rgb(105,118,47)
```
#758435
```
#758435 rgb(117,132,53)
```
#82923a
```
#82923a rgb(130,146,58)
```
#8ea040
```
#8ea040 rgb(142,160,64)
```
#9bae46
```
#9bae46 rgb(155,174,70)
```

Shade Color Variation

#a5b94f
```
#a5b94f rgb(165,185,79)
```
#acbe5d
```
#acbe5d rgb(172,190,93)
```
#b3c46b
```
#b3c46b rgb(179,196,107)
```
#bac979
```
#bac979 rgb(186,201,121)
```
#c2cf87
```
#c2cf87 rgb(194,207,135)
```
#c9d595
```
#c9d595 rgb(201,213,149)
```
#d0daa3
```
#d0daa3 rgb(208,218,163)
```
#d7e0b1
```
#d7e0b1 rgb(215,224,177)
```
#dee5bf
```
#dee5bf rgb(222,229,191)
```
#e5ebcd
```
#e5ebcd rgb(229,235,205)
```
#edf1db
```
#edf1db rgb(237,241,219)
```
#f4f6e9
```
#f4f6e9 rgb(244,246,233)
```
#fbfcf7
```
#fbfcf7 rgb(251,252,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #41423c is the less saturated color, while #657c02 is the most saturated one.

#41423c
```
#41423c rgb(65,66,60)
```
#444737
```
#444737 rgb(68,71,55)
```
#474b33
```
#474b33 rgb(71,75,51)
```
#4a502e
```
#4a502e rgb(74,80,46)
```
#4d5529
```
#4d5529 rgb(77,85,41)
```
#505a24
```
#505a24 rgb(80,90,36)
```
#535f1f
```
#535f1f rgb(83,95,31)
```
#56641a
```
#56641a rgb(86,100,26)
```
#596915
```
#596915 rgb(89,105,21)
```
#5c6d11
```
#5c6d11 rgb(92,109,17)
```
#5f720c
```
#5f720c rgb(95,114,12)
```
#627707
```
#627707 rgb(98,119,7)
```
#657c02
```
#657c02 rgb(101,124,2)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#515348 Atypical Achromatopsia 0.001% of the population

Dichromacy

#675e2e Protanopia 1% of men
#725932 Deuteranopia 1% of men
#5f5d63 Tritanopia 0.001% of the population

Trichromacy

#5f5c2a Protanomaly 1% of men, 0.01% of women
#66592d Deuteranomaly 6% of men, 0.4% of women
#5a5b4c Tritanomaly 0.01% of the population

#505a24 hex color

#505a24 Color Information

#505a24 Color Conversion

Color Schemes with #505a24

Alternatives to #505a24

#505a24 Preview

Shades and Tints of #505a24

Tones of #505a24

Color Blindness Simulator