# #786a55 color: Superior Bronze

#786a55 is rgb(120, 106, 85) in RGB and oklch(53.16% 0.036 77.853) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/786a55

## Formats

| Format | Value |
| --- | --- |
| HEX | #786a55 |
| RGB | rgb(120, 106, 85) |
| HSL | hsl(36, 17.07%, 40.2%) |
| HSB / HSV | hsv(36 29.17% 47.06%) |
| HWB | hwb(36 33.33% 52.94%) |
| CMYK | cmyk(0% 12% 29% 53%) |
| Lab | lab(45.72 3.12 13.97) |
| LCH | lch(45.72 14.31 77.41) |
| OKLab | oklab(53.16% 0.00758 0.0352) |
| OKLCH | oklch(53.16% 0.036 77.853) |
| Display P3 | color(display-p3 0.46143 0.41765 0.34299) |
| Rec. 2020 | color(rec2020 0.39494 0.36393 0.28566) |
| Adobe RGB | color(a98-rgb 0.45313 0.41446 0.33965) |
| ProPhoto RGB | color(prophoto-rgb 0.36098 0.34457 0.27632) |
| Linear sRGB | color(srgb-linear 0.18782 0.14413 0.09084) |
| XYZ D65 | color(xyz-d65 0.14539 0.14957 0.10716) |
| XYZ D50 | color(xyz-d50 0.15041 0.15062 0.08148) |
| SwiftUI | Color(red: 0.471, green: 0.416, blue: 0.333) |
| UIKit | UIColor(red: 0.471, green: 0.416, blue: 0.333, alpha: 1) |
| Flutter / Compose | Color(0xFF786A55) |
| Android XML | #786A55 |

## Facts

- Closest name: Superior Bronze
- Hue family: Brown, dusty brown
- Closest Tailwind class: taupe-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.26:1
- Contrast with black: 3.99:1

## Tints

#786a55, #857865, #928675, #9f9485, #aca396, #b9b2a6, #c7c1b8, #d5d0c9, #e3dfdb, #f1efed

## Shades

#786a55, #675b49, #574d3d, #483f31, #393126, #2a241c, #1d1811, #100d08, #050402, #010000

## Tones

#786a55, #776a57, #766a5a, #746b5c, #736b5f, #726b61, #716b63, #706c65, #6f6c68, #6d6c6a

## Harmonies

- Complementary: #786a55, #5f6d81
- Split: #786a55, #57717d, #6b6980
- Analogous: #786a55, #7e665a, #6e6e56
- Triadic: #786a55, #547374, #75667a
- Tetradic: #786a55, #62715d, #5f6d81, #75667a
- Square: #786a55, #587368, #5f6d81, #7d6470
- Monochromatic: #786a55, #362916, #564935, #9c8d77, #c2b29c

## Questions about #786a55

### What color is #786a55?

#786a55 is dusty brown. The closest named color is Superior Bronze. In RGB it is rgb(120, 106, 85), in HSL hsl(36, 17.07%, 40.2%) and in OKLCH oklch(53.16% 0.036 77.853).

### What colors go well with #786a55?

The complementary color of #786a55 is #5f6d81. For a calmer combination use the analogous colors #7e665a and #6e6e56. The triadic partners are #547374 and #75667a.

### Is white or black text more readable on #786a55?

White text reads better on #786a55: white gives a contrast ratio of 5.26:1 and black gives 3.99:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #786a55 a warm or cool color?

#786a55 is a warm color. In OKLCH its hue is 78 degrees, its lightness 53.2% and its chroma 0.036.