# #bb702e color: Copper

#bb702e is rgb(187, 112, 46) in RGB and oklch(61.59% 0.12352 58.299) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #bb702e |
| RGB | rgb(187, 112, 46) |
| HSL | hsl(28.09, 60.52%, 45.69%) |
| HSB / HSV | hsv(28.09 75.4% 73.33%) |
| HWB | hwb(28.09 18.04% 26.67%) |
| CMYK | cmyk(0% 40% 75% 27%) |
| Lab | lab(54.9 26.65 48.03) |
| LCH | lch(54.9 54.93 60.98) |
| OKLab | oklab(61.59% 0.06491 0.10509) |
| OKLCH | oklch(61.59% 0.12352 58.299) |
| Display P3 | color(display-p3 0.69257 0.45307 0.23505) |
| Rec. 2020 | color(rec2020 0.6003 0.41345 0.17806) |
| Adobe RGB | color(a98-rgb 0.6604 0.43712 0.21162) |
| ProPhoto RGB | color(prophoto-rgb 0.53131 0.39884 0.19162) |
| Linear sRGB | color(srgb-linear 0.49693 0.16203 0.02732) |
| XYZ D65 | color(xyz-d65 0.2678 0.22352 0.05489) |
| XYZ D50 | color(xyz-d50 0.28301 0.22838 0.04216) |
| SwiftUI | Color(red: 0.733, green: 0.439, blue: 0.18) |
| UIKit | UIColor(red: 0.733, green: 0.439, blue: 0.18, alpha: 1) |
| Flutter / Compose | Color(0xFFBB702E) |
| Android XML | #BB702E |

## Facts

- Closest name: Copper
- Hue family: Brown, bright brown
- Closest Tailwind class: yellow-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.84:1
- Contrast with black: 5.47:1

## Tints

#bb702e, #c37e47, #ca8d5c, #d19b71, #d8a985, #dfb799, #e6c5ad, #edd4c2, #f3e2d6, #f9f0ea

## Shades

#bb702e, #a26027, #8a511f, #734318, #5c3512, #46270b, #321a06, #1f0e02, #0d0401, #020100

## Tones

#bb702e, #b6733b, #b17545, #ac784f, #a77a58, #a27c60, #9c7e68, #97806f, #918277, #8b837e

## Harmonies

- Complementary: #bb702e, #278ec6
- Split: #bb702e, #0098ac, #6581cf
- Analogous: #bb702e, #c4655a, #a3800a
- Triadic: #bb702e, #009c85, #8f73c5
- Tetradic: #bb702e, #7e8f2c, #278ec6, #8f73c5
- Square: #bb702e, #499959, #278ec6, #ad68aa
- Monochromatic: #bb702e, #6b2d00, #944c00, #e39555, #ffbb7c

## Questions about #bb702e

### What color is #bb702e?

#bb702e is bright brown. The closest named color is Copper. In RGB it is rgb(187, 112, 46), in HSL hsl(28.09, 60.52%, 45.69%) and in OKLCH oklch(61.59% 0.12352 58.299).

### What colors go well with #bb702e?

The complementary color of #bb702e is #278ec6. For a calmer combination use the analogous colors #c4655a and #a3800a. The triadic partners are #009c85 and #8f73c5.

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

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

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

#bb702e is a warm color. In OKLCH its hue is 58 degrees, its lightness 61.6% and its chroma 0.124.