# #bb822c color: Mango Brown

#bb822c is rgb(187, 130, 44) in RGB and oklch(64.93% 0.12083 73.137) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #bb822c |
| RGB | rgb(187, 130, 44) |
| HSL | hsl(36.08, 61.9%, 45.29%) |
| HSB / HSV | hsv(36.08 76.47% 73.33%) |
| HWB | hwb(36.08 17.25% 26.67%) |
| CMYK | cmyk(0% 30% 76% 27%) |
| Lab | lab(59.17 17.13 52.88) |
| LCH | lch(59.17 55.59 72.05) |
| OKLab | oklab(64.93% 0.03505 0.11563) |
| OKLCH | oklch(64.93% 0.12083 73.137) |
| Display P3 | color(display-p3 0.70025 0.51927 0.24161) |
| Rec. 2020 | color(rec2020 0.61729 0.47896 0.18713) |
| Adobe RGB | color(a98-rgb 0.67329 0.50567 0.213) |
| ProPhoto RGB | color(prophoto-rgb 0.5494 0.45733 0.20252) |
| Linear sRGB | color(srgb-linear 0.49693 0.22323 0.02519) |
| XYZ D65 | color(xyz-d65 0.2893 0.26713 0.06015) |
| XYZ D50 | color(xyz-d50 0.30628 0.27212 0.04658) |
| SwiftUI | Color(red: 0.733, green: 0.51, blue: 0.173) |
| UIKit | UIColor(red: 0.733, green: 0.51, blue: 0.173, alpha: 1) |
| Flutter / Compose | Color(0xFFBB822C) |
| Android XML | #BB822C |

## Facts

- Closest name: Mango Brown
- Hue family: Amber, bright amber
- Closest Tailwind class: yellow-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.31:1
- Contrast with black: 6.34:1

## Tints

#bb822c, #c28e47, #c99b5d, #d0a772, #d7b487, #dec09b, #e5cdaf, #ebd9c3, #f2e6d7, #f9f2eb

## Shades

#bb822c, #a27025, #8a5f1e, #734e17, #5c3e11, #462f0a, #322005, #1f1202, #0d0601, #020100

## Tones

#bb822c, #b7843b, #b38548, #ae8753, #aa885d, #a68a66, #a18b6f, #9d8c77, #988d7f, #948e87

## Harmonies

- Complementary: #bb822c, #5692d7
- Split: #bb822c, #029ec4, #8584d6
- Analogous: #bb822c, #cb7450, #9d922a
- Triadic: #bb822c, #00a5a3, #a978c3
- Tetradic: #bb822c, #719f4e, #5692d7, #a978c3
- Square: #bb822c, #35a67a, #5692d7, #c16fa2
- Monochromatic: #bb822c, #6c3e00, #955e00, #e2a755, #ffce7c

## Questions about #bb822c

### What color is #bb822c?

#bb822c is bright amber. The closest named color is Mango Brown. In RGB it is rgb(187, 130, 44), in HSL hsl(36.08, 61.9%, 45.29%) and in OKLCH oklch(64.93% 0.12083 73.137).

### What colors go well with #bb822c?

The complementary color of #bb822c is #5692d7. For a calmer combination use the analogous colors #cb7450 and #9d922a. The triadic partners are #00a5a3 and #a978c3.

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

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

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

#bb822c is a warm color. In OKLCH its hue is 73 degrees, its lightness 64.9% and its chroma 0.121.