# #7c331a color: Bootstrap Leather

#7c331a is rgb(124, 51, 26) in RGB and oklch(41.811% 0.10845 38.795) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/7c331a

## Formats

| Format | Value |
| --- | --- |
| HEX | #7c331a |
| RGB | rgb(124, 51, 26) |
| HSL | hsl(15.31, 65.33%, 29.41%) |
| HSB / HSV | hsv(15.31 79.03% 48.63%) |
| HWB | hwb(15.31 10.2% 51.37%) |
| CMYK | cmyk(0% 59% 79% 51%) |
| Lab | lab(31.62 31.28 31.47) |
| LCH | lch(31.62 44.37 45.17) |
| OKLab | oklab(41.811% 0.08453 0.06795) |
| OKLCH | oklch(41.811% 0.10845 38.795) |
| Display P3 | color(display-p3 0.45124 0.21713 0.1296) |
| Rec. 2020 | color(rec2020 0.3513 0.17161 0.06961) |
| Adobe RGB | color(a98-rgb 0.42659 0.21232 0.13006) |
| ProPhoto RGB | color(prophoto-rgb 0.30658 0.18728 0.10135) |
| Linear sRGB | color(srgb-linear 0.20156 0.0331 0.01033) |
| XYZ D65 | color(xyz-d65 0.09682 0.06728 0.01766) |
| XYZ D50 | color(xyz-d50 0.10212 0.0692 0.0134) |
| SwiftUI | Color(red: 0.486, green: 0.2, blue: 0.102) |
| UIKit | UIColor(red: 0.486, green: 0.2, blue: 0.102, alpha: 1) |
| Flutter / Compose | Color(0xFF7C331A) |
| Android XML | #7C331A |

## Facts

- Closest name: Bootstrap Leather
- Hue family: Brown, deep dark brown
- Closest Tailwind class: amber-900
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 8.95:1
- Contrast with black: 2.35:1

## Tints

#7c331a, #8a4731, #985b47, #a66e5c, #b38272, #c09689, #cdab9f, #dabfb7, #e6d4ce, #f3e9e6

## Shades

#7c331a, #6b2b15, #5a2310, #4a1c0c, #3b1407, #2c0d04, #1e0702, #110301, #050100, #010000

## Tones

#7c331a, #783721, #743a27, #6f3d2c, #6b4032, #664236, #62453b, #5d4740, #584944, #524b48

## Harmonies

- Complementary: #7c331a, #005870
- Split: #7c331a, #005c57, #0b4f84
- Analogous: #7c331a, #7c2e40, #713e00
- Triadic: #7c331a, #005e36, #414486
- Tetradic: #7c331a, #5b4c00, #005870, #414486
- Square: #7c331a, #3a5703, #005870, #5e3979
- Monochromatic: #7c331a, #2d0000, #570f00, #a2563c, #ca795f

## Questions about #7c331a

### What color is #7c331a?

#7c331a is deep dark brown. The closest named color is Bootstrap Leather. In RGB it is rgb(124, 51, 26), in HSL hsl(15.31, 65.33%, 29.41%) and in OKLCH oklch(41.811% 0.10845 38.795).

### What colors go well with #7c331a?

The complementary color of #7c331a is #005870. For a calmer combination use the analogous colors #7c2e40 and #713e00. The triadic partners are #005e36 and #414486.

### Is white or black text more readable on #7c331a?

White text reads better on #7c331a: white gives a contrast ratio of 8.95:1 and black gives 2.35:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #7c331a a warm or cool color?

#7c331a is a warm color. In OKLCH its hue is 39 degrees, its lightness 41.8% and its chroma 0.108.