# #b37347 color: Baked Bean

#b37347 is rgb(179, 115, 71) in RGB and oklch(61.415% 0.10041 54.216) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/b37347

## Formats

| Format | Value |
| --- | --- |
| HEX | #b37347 |
| RGB | rgb(179, 115, 71) |
| HSL | hsl(24.44, 43.2%, 49.02%) |
| HSB / HSV | hsv(24.44 60.34% 70.2%) |
| HWB | hwb(24.44 27.84% 29.8%) |
| CMYK | cmyk(0% 36% 60% 30%) |
| Lab | lab(54.76 22.74 35.01) |
| LCH | lch(54.76 41.74 56.99) |
| OKLab | oklab(61.415% 0.05871 0.08145) |
| OKLCH | oklch(61.415% 0.10041 54.216) |
| Display P3 | color(display-p3 0.66608 0.46221 0.30843) |
| Rec. 2020 | color(rec2020 0.57902 0.42076 0.25131) |
| Adobe RGB | color(a98-rgb 0.63724 0.44848 0.29349) |
| ProPhoto RGB | color(prophoto-rgb 0.51612 0.40424 0.24973) |
| Linear sRGB | color(srgb-linear 0.45079 0.17144 0.06301) |
| XYZ D65 | color(xyz-d65 0.25858 0.22301 0.08904) |
| XYZ D50 | color(xyz-d50 0.27162 0.22702 0.06792) |
| SwiftUI | Color(red: 0.702, green: 0.451, blue: 0.278) |
| UIKit | UIColor(red: 0.702, green: 0.451, blue: 0.278, alpha: 1) |
| Flutter / Compose | Color(0xFFB37347) |
| Android XML | #B37347 |

## Facts

- Closest name: Baked Bean
- Hue family: Brown, soft brown
- Closest Tailwind class: yellow-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.85:1
- Contrast with black: 5.46:1

## Tints

#b37347, #bb815a, #c38e6c, #cb9c7e, #d3aa90, #dbb8a2, #e2c6b4, #ead4c7, #f1e2d9, #f8f1ec

## Shades

#b37347, #9b633d, #845432, #6e4528, #58361f, #432816, #2f1b0d, #1d0f06, #0c0502, #010100

## Tones

#b37347, #af754e, #aa7755, #a6795c, #a27b62, #9d7d68, #987e6e, #938074, #8f8179, #89837f

## Harmonies

- Complementary: #b37347, #3d8eb8
- Split: #b37347, #1895a0, #6683c1
- Analogous: #b37347, #b96b66, #a17f35
- Triadic: #b37347, #319880, #8878bb
- Tetradic: #b37347, #838b3f, #3d8eb8, #8878bb
- Square: #b37347, #5d945d, #3d8eb8, #a26fa6
- Monochromatic: #b37347, #682e00, #8d5023, #db986b, #ffbe90

## Questions about #b37347

### What color is #b37347?

#b37347 is soft brown. The closest named color is Baked Bean. In RGB it is rgb(179, 115, 71), in HSL hsl(24.44, 43.2%, 49.02%) and in OKLCH oklch(61.415% 0.10041 54.216).

### What colors go well with #b37347?

The complementary color of #b37347 is #3d8eb8. For a calmer combination use the analogous colors #b96b66 and #a17f35. The triadic partners are #319880 and #8878bb.

### Is white or black text more readable on #b37347?

White text reads better on #b37347: white gives a contrast ratio of 3.85:1 and black gives 5.46:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #b37347 a warm or cool color?

#b37347 is a warm color. In OKLCH its hue is 54 degrees, its lightness 61.4% and its chroma 0.1.