# #5c331e color: Bock

#5c331e is rgb(92, 51, 30) in RGB and oklch(36.792% 0.06776 46.949) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5c331e |
| RGB | rgb(92, 51, 30) |
| HSL | hsl(20.32, 50.82%, 23.92%) |
| HSB / HSV | hsv(20.32 67.39% 36.08%) |
| HWB | hwb(20.32 11.76% 63.92%) |
| CMYK | cmyk(0% 45% 67% 64%) |
| Lab | lab(26.25 17.4 21.49) |
| LCH | lch(26.25 27.65 51.01) |
| OKLab | oklab(36.792% 0.04625 0.04951) |
| OKLCH | oklch(36.792% 0.06776 46.949) |
| Display P3 | color(display-p3 0.33873 0.20771 0.13358) |
| Rec. 2020 | color(rec2020 0.25071 0.15301 0.07333) |
| Adobe RGB | color(a98-rgb 0.32767 0.21232 0.14268) |
| ProPhoto RGB | color(prophoto-rgb 0.22715 0.16681 0.10376) |
| Linear sRGB | color(srgb-linear 0.10702 0.0331 0.01298) |
| XYZ D65 | color(xyz-d65 0.05832 0.04737 0.01836) |
| XYZ D50 | color(xyz-d50 0.06128 0.04833 0.01398) |
| SwiftUI | Color(red: 0.361, green: 0.2, blue: 0.118) |
| UIKit | UIColor(red: 0.361, green: 0.2, blue: 0.118, alpha: 1) |
| Flutter / Compose | Color(0xFF5C331E) |
| Android XML | #5C331E |

## 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.78:1
- Contrast with black: 1.95:1

## Tints

#5c331e, #6c4532, #7c5847, #8c6c5c, #9c7f72, #ac9488, #bca89f, #cdbdb6, #ddd3ce, #eee9e6

## Shades

#5c331e, #4f2b19, #422313, #361c0e, #2a1409, #1f0d05, #140703, #0a0301, #030100, #000000

## Tones

#5c331e, #593522, #573626, #543729, #51392d, #4f3a30, #4c3b33, #493c36, #463d39, #423e3c

## Harmonies

- Complementary: #5c331e, #07465b
- Split: #5c331e, #004a4b, #274063
- Analogous: #5c331e, #5e2f32, #533a0e
- Triadic: #5c331e, #0f4a37, #3d3961
- Tetradic: #5c331e, #434110, #07465b, #3d3961
- Square: #5c331e, #2d4722, #07465b, #4e3357
- Monochromatic: #5c331e, #180000, #3a1400, #80543e, #a57660

## Questions about #5c331e

### What color is #5c331e?

#5c331e is soft dark brown. The closest named color is Bock. In RGB it is rgb(92, 51, 30), in HSL hsl(20.32, 50.82%, 23.92%) and in OKLCH oklch(36.792% 0.06776 46.949).

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

The complementary color of #5c331e is #07465b. For a calmer combination use the analogous colors #5e2f32 and #533a0e. The triadic partners are #0f4a37 and #3d3961.

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

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

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

#5c331e is a warm color. In OKLCH its hue is 47 degrees, its lightness 36.8% and its chroma 0.068.