# #503e20 color: Avocado Stone

#503e20 is rgb(80, 62, 32) in RGB and oklch(37.593% 0.05142 78.967) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/503e20

## Formats

| Format | Value |
| --- | --- |
| HEX | #503e20 |
| RGB | rgb(80, 62, 32) |
| HSL | hsl(37.5, 42.86%, 21.96%) |
| HSB / HSV | hsv(37.5 60% 31.37%) |
| HWB | hwb(37.5 12.55% 68.63%) |
| CMYK | cmyk(0% 22% 60% 69%) |
| Lab | lab(27.64 5.05 21.39) |
| LCH | lch(27.64 21.98 76.73) |
| OKLab | oklab(37.593% 0.00984 0.05047) |
| OKLCH | oklch(37.593% 0.05142 78.967) |
| Display P3 | color(display-p3 0.30259 0.24586 0.14287) |
| Rec. 2020 | color(rec2020 0.22603 0.18624 0.08319) |
| Adobe RGB | color(a98-rgb 0.30055 0.2518 0.15182) |
| ProPhoto RGB | color(prophoto-rgb 0.21027 0.19011 0.11228) |
| Linear sRGB | color(srgb-linear 0.08022 0.04817 0.01444) |
| XYZ D65 | color(xyz-d65 0.05291 0.05255 0.02102) |
| XYZ D50 | color(xyz-d50 0.0556 0.05326 0.01611) |
| SwiftUI | Color(red: 0.314, green: 0.243, blue: 0.125) |
| UIKit | UIColor(red: 0.314, green: 0.243, blue: 0.125, alpha: 1) |
| Flutter / Compose | Color(0xFF503E20) |
| Android XML | #503E20 |

## Facts

- Closest name: Avocado Stone
- Hue family: Brown, soft dark brown
- Closest Tailwind class: olive-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 10.24:1
- Contrast with black: 2.05:1

## Tints

#503e20, #604f34, #706149, #81735e, #928673, #a39989, #b5ada0, #c7c1b7, #dad5cf, #eceae7

## Shades

#503e20, #44351a, #392b15, #2e230f, #241a0a, #1a1206, #100a03, #070401, #020100, #000000

## Tones

#503e20, #4f3e24, #4d3f28, #4c3f2b, #4a402f, #494032, #474035, #464038, #44413b, #43413e

## Harmonies

- Complementary: #503e20, #31425d
- Split: #503e20, #214757, #403d5b
- Analogous: #503e20, #583928, #434422
- Triadic: #503e20, #194a4c, #4d3853
- Tetradic: #503e20, #33482d, #31425d, #4d3853
- Square: #503e20, #224a3d, #31425d, #563646
- Monochromatic: #503e20, #120500, #302001, #725f40, #968262

## Questions about #503e20

### What color is #503e20?

#503e20 is soft dark brown. The closest named color is Avocado Stone. In RGB it is rgb(80, 62, 32), in HSL hsl(37.5, 42.86%, 21.96%) and in OKLCH oklch(37.593% 0.05142 78.967).

### What colors go well with #503e20?

The complementary color of #503e20 is #31425d. For a calmer combination use the analogous colors #583928 and #434422. The triadic partners are #194a4c and #4d3853.

### Is white or black text more readable on #503e20?

White text reads better on #503e20: white gives a contrast ratio of 10.24:1 and black gives 2.05:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #503e20 a warm or cool color?

#503e20 is a warm color. In OKLCH its hue is 79 degrees, its lightness 37.6% and its chroma 0.051.