# #5b341e color: Bock

#5b341e is rgb(91, 52, 30) in RGB and oklch(36.844% 0.06578 49.142) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/5b341e

## Formats

| Format | Value |
| --- | --- |
| HEX | #5b341e |
| RGB | rgb(91, 52, 30) |
| HSL | hsl(21.64, 50.41%, 23.73%) |
| HSB / HSV | hsv(21.64 67.03% 35.69%) |
| HWB | hwb(21.64 11.76% 64.31%) |
| CMYK | cmyk(0% 43% 67% 64%) |
| Lab | lab(26.36 16.33 21.56) |
| LCH | lch(26.36 27.05 52.85) |
| OKLab | oklab(36.844% 0.04303 0.04975) |
| OKLCH | oklch(36.844% 0.06578 49.142) |
| Display P3 | color(display-p3 0.33564 0.21111 0.13381) |
| Rec. 2020 | color(rec2020 0.24849 0.15589 0.07364) |
| Adobe RGB | color(a98-rgb 0.32528 0.21588 0.14291) |
| ProPhoto RGB | color(prophoto-rgb 0.22557 0.16876 0.10412) |
| Linear sRGB | color(srgb-linear 0.10462 0.03434 0.01298) |
| XYZ D65 | color(xyz-d65 0.05777 0.04774 0.01846) |
| XYZ D50 | color(xyz-d50 0.0607 0.04868 0.01406) |
| SwiftUI | Color(red: 0.357, green: 0.204, blue: 0.118) |
| UIKit | UIColor(red: 0.357, green: 0.204, blue: 0.118, alpha: 1) |
| Flutter / Compose | Color(0xFF5B341E) |
| Android XML | #5B341E |

## Facts

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

## Tints

#5b341e, #6b4632, #7b5947, #8b6c5c, #9b8072, #ab9488, #bca99f, #ccbeb6, #ddd3ce, #eee9e6

## Shades

#5b341e, #4e2c19, #412413, #351c0e, #291509, #1e0e05, #130703, #090301, #030100, #000000

## Tones

#5b341e, #593522, #563726, #533829, #51392d, #4e3a30, #4b3b33, #483c36, #453d39, #423e3c

## Harmonies

- Complementary: #5b341e, #0e455b
- Split: #5b341e, #00494c, #2a3f62
- Analogous: #5b341e, #5d3031, #523b10
- Triadic: #5b341e, #104a39, #3e3960
- Tetradic: #5b341e, #424214, #0e455b, #3e3960
- Square: #5b341e, #2c4825, #0e455b, #4e3355
- Monochromatic: #5b341e, #170000, #391500, #7f553e, #a47760

## Questions about #5b341e

### What color is #5b341e?

#5b341e is soft dark brown. The closest named color is Bock. In RGB it is rgb(91, 52, 30), in HSL hsl(21.64, 50.41%, 23.73%) and in OKLCH oklch(36.844% 0.06578 49.142).

### What colors go well with #5b341e?

The complementary color of #5b341e is #0e455b. For a calmer combination use the analogous colors #5d3031 and #523b10. The triadic partners are #104a39 and #3e3960.

### Is white or black text more readable on #5b341e?

White text reads better on #5b341e: white gives a contrast ratio of 10.74:1 and black gives 1.95:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #5b341e a warm or cool color?

#5b341e is a warm color. In OKLCH its hue is 49 degrees, its lightness 36.8% and its chroma 0.066.