# #523a2a color: Bonanza

#523a2a is rgb(82, 58, 42) in RGB and oklch(37.12% 0.04286 54.671) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/523a2a

## Formats

| Format | Value |
| --- | --- |
| HEX | #523a2a |
| RGB | rgb(82, 58, 42) |
| HSL | hsl(24, 32.26%, 24.31%) |
| HSB / HSV | hsv(24 48.78% 32.16%) |
| HWB | hwb(24 16.47% 67.84%) |
| CMYK | cmyk(0% 29% 49% 68%) |
| Lab | lab(26.88 9.26 14.35) |
| LCH | lch(26.88 17.08 57.15) |
| OKLab | oklab(37.12% 0.02478 0.03496) |
| OKLCH | oklch(37.12% 0.04286 54.671) |
| Display P3 | color(display-p3 0.3073 0.2313 0.17405) |
| Rec. 2020 | color(rec2020 0.22833 0.17301 0.11287) |
| Adobe RGB | color(a98-rgb 0.30304 0.23738 0.18323) |
| ProPhoto RGB | color(prophoto-rgb 0.21313 0.18056 0.13289) |
| Linear sRGB | color(srgb-linear 0.08438 0.04231 0.02315) |
| XYZ D65 | color(xyz-d65 0.0541 0.04987 0.02868) |
| XYZ D50 | color(xyz-d50 0.0564 0.05051 0.02182) |
| SwiftUI | Color(red: 0.322, green: 0.227, blue: 0.165) |
| UIKit | UIColor(red: 0.322, green: 0.227, blue: 0.165, alpha: 1) |
| Flutter / Compose | Color(0xFF523A2A) |
| Android XML | #523A2A |

## Facts

- Closest name: Bonanza
- Hue family: Brown, soft dark brown
- Closest Tailwind class: taupe-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 10.51:1
- Contrast with black: 2:1

## Tints

#523a2a, #624b3d, #725e50, #837064, #948379, #a5978e, #b7aba3, #c8bfba, #dad4d0, #ede9e7

## Shades

#523a2a, #463123, #3b281c, #2f2016, #251810, #1a100a, #110905, #080402, #020101, #000000

## Tones

#523a2a, #503b2c, #4f3b2f, #4d3c31, #4b3d33, #493d35, #483e38, #463e3a, #443f3c, #423f3e

## Harmonies

- Complementary: #523a2a, #284454
- Split: #523a2a, #22474b, #354057
- Analogous: #523a2a, #553735, #4b3e25
- Triadic: #523a2a, #26483f, #413c55
- Tetradic: #523a2a, #3f4328, #284454, #413c55
- Square: #523a2a, #324632, #284454, #4c384d
- Monochromatic: #523a2a, #140300, #321c0d, #745b4a, #997d6b

## Questions about #523a2a

### What color is #523a2a?

#523a2a is soft dark brown. The closest named color is Bonanza. In RGB it is rgb(82, 58, 42), in HSL hsl(24, 32.26%, 24.31%) and in OKLCH oklch(37.12% 0.04286 54.671).

### What colors go well with #523a2a?

The complementary color of #523a2a is #284454. For a calmer combination use the analogous colors #553735 and #4b3e25. The triadic partners are #26483f and #413c55.

### Is white or black text more readable on #523a2a?

White text reads better on #523a2a: white gives a contrast ratio of 10.51:1 and black gives 2:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #523a2a a warm or cool color?

#523a2a is a warm color. In OKLCH its hue is 55 degrees, its lightness 37.1% and its chroma 0.043.