#505b18 hex color

In a RGB color space, hex #505b18 is composed of 31.4% red, 35.7% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 12.1% cyan, 0% magenta, 73.6% yellow and 64.3% black. It has a hue angle of 69.9 degrees, a saturation of 58.3% and a lightness of 22.5%. #505b18 color hex could be obtained by blending #a0b630 with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 31
- G 36
- B 9
RGB color chart
- C 12
- M 0
- Y 74
- K 64
CMYK color chart

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

The hexadecimal color #505b18 has RGB values of R:80, G:91, B:24 and CMYK values of C:0.12, M:0, Y:0.74, K:0.64. Its decimal value is 5266200.

Hex triplet	505b18	`#505b18`
RGB Decimal	80, 91, 24	`rgb(80,91,24)`
RGB Percent	31.4, 35.7, 9.4	`rgb(31.4%,35.7%,9.4%)`
CMYK	12, 0, 74, 64
HSL	69.9°, 58.3, 22.5	`hsl(69.9,58.3%,22.5%)`
HSV (or HSB)	69.9°, 73.6, 35.7
Web Safe	666600	`#666600`

CIE-LAB	36.468, -14.456, 35.416
XYZ	7.214, 9.254, 2.27
xyY	0.385, 0.494, 9.254
CIE-LCH	36.468, 38.252, 112.205
CIE-LUV	36.468, -4.278, 36.316
Hunter-Lab	30.42, -10.902, 16.869
Binary	01010000, 01011011, 00011000

#505b18
```
#505b18 rgb(80,91,24)
```
#23185b
```
#23185b rgb(35,24,91)
```

Complementary Color

#5b4518
```
#5b4518 rgb(91,69,24)
```
#505b18
```
#505b18 rgb(80,91,24)
```
#2f5b18
```
#2f5b18 rgb(47,91,24)
```

Analogous Color

#45185b
```
#45185b rgb(69,24,91)
```
#505b18
```
#505b18 rgb(80,91,24)
```
#182f5b
```
#182f5b rgb(24,47,91)
```

Split Complementary Color

#5b1850
```
#5b1850 rgb(91,24,80)
```
#505b18
```
#505b18 rgb(80,91,24)
```
#18505b
```
#18505b rgb(24,80,91)
```

Triadic Color

#5b2318
```
#5b2318 rgb(91,35,24)
```
#505b18
```
#505b18 rgb(80,91,24)
```
#18505b
```
#18505b rgb(24,80,91)
```
#23185b
```
#23185b rgb(35,24,91)
```

Tetradic Color

#1b1e08
```
#1b1e08 rgb(27,30,8)
```
#2d330d
```
#2d330d rgb(45,51,13)
```
#3e4713
```
#3e4713 rgb(62,71,19)
```
#505b18
```
#505b18 rgb(80,91,24)
```
#626f1d
```
#626f1d rgb(98,111,29)
```
#738323
```
#738323 rgb(115,131,35)
```
#859828
```
#859828 rgb(133,152,40)
```

Monochromatic Color

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

#5b5518
```
#5b5518 rgb(91,85,24)
```
#5b5b18
```
#5b5b18 rgb(91,91,24)
```
#565b18
```
#565b18 rgb(86,91,24)
```
#505b18
```
#505b18 rgb(80,91,24)
```
#4a5b18
```
#4a5b18 rgb(74,91,24)
```
#455b18
```
#455b18 rgb(69,91,24)
```
#3f5b18
```
#3f5b18 rgb(63,91,24)
```

Similar Colors

Text with hexadecimal color #505b18

This text has a font color of #505b18.

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

#505b18 background color

This paragraph has a background color of #505b18.

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

#505b18 border color

This element has a border color of #505b18.

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

CSS codes

.text {color:#505b18;}

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

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

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, #0c0d04 is the darkest color, while #fefefd is the lightest one.

#0c0d04
```
#0c0d04 rgb(12,13,4)
```
#191d08
```
#191d08 rgb(25,29,8)
```
#272c0c
```
#272c0c rgb(39,44,12)
```
#353c10
```
#353c10 rgb(53,60,16)
```
#424b14
```
#424b14 rgb(66,75,20)
```
#505b18
```
#505b18 rgb(80,91,24)
```
#5e6b1c
```
#5e6b1c rgb(94,107,28)
```
#6b7a20
```
#6b7a20 rgb(107,122,32)
```
#798a24
```
#798a24 rgb(121,138,36)
```
#879928
```
#879928 rgb(135,153,40)
```
#94a92c
```
#94a92c rgb(148,169,44)
```
#a2b831
```
#a2b831 rgb(162,184,49)
```
#b0c835
```
#b0c835 rgb(176,200,53)
```

Shade Color Variation

#b7cd43
```
#b7cd43 rgb(183,205,67)
```
#bdd152
```
#bdd152 rgb(189,209,82)
```
#c2d662
```
#c2d662 rgb(194,214,98)
```
#c8da71
```
#c8da71 rgb(200,218,113)
```
#cede81
```
#cede81 rgb(206,222,129)
```
#d4e290
```
#d4e290 rgb(212,226,144)
```
#dae6a0
```
#dae6a0 rgb(218,230,160)
```
#e0eaaf
```
#e0eaaf rgb(224,234,175)
```
#e6eebf
```
#e6eebf rgb(230,238,191)
```
#ecf2ce
```
#ecf2ce rgb(236,242,206)
```
#f2f6de
```
#f2f6de rgb(242,246,222)
```
#f8faed
```
#f8faed rgb(248,250,237)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#3b3c37
```
#3b3c37 rgb(59,60,55)
```
#3e4033
```
#3e4033 rgb(62,64,51)
```
#41452e
```
#41452e rgb(65,69,46)
```
#44492a
```
#44492a rgb(68,73,42)
```
#474e25
```
#474e25 rgb(71,78,37)
```
#4a5221
```
#4a5221 rgb(74,82,33)
```
#4d571c
```
#4d571c rgb(77,87,28)
```
#505b18
```
#505b18 rgb(80,91,24)
```
#535f14
```
#535f14 rgb(83,95,20)
```
#56640f
```
#56640f rgb(86,100,15)
```
#59680b
```
#59680b rgb(89,104,11)
```
#5c6d06
```
#5c6d06 rgb(92,109,6)
```
#5f7102
```
#5f7102 rgb(95,113,2)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#505245 Atypical Achromatopsia 0.001% of the population

Dichromacy

#695e22 Protanopia 1% of men
#745a28 Deuteranopia 1% of men
#605d64 Tritanopia 0.001% of the population

Trichromacy

#605d1e Protanomaly 1% of men, 0.01% of women
#675a22 Deuteranomaly 6% of men, 0.4% of women
#5a5c48 Tritanomaly 0.01% of the population

#505b18 hex color

#505b18 Color Information

#505b18 Color Conversion

Color Schemes with #505b18

Alternatives to #505b18

#505b18 Preview

Shades and Tints of #505b18

Tones of #505b18

Color Blindness Simulator