# #bb6906 color: Brown Orange

#bb6906 is rgb(187, 105, 6) in RGB and oklch(60.14% 0.13898 60.26) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #bb6906 |
| RGB | rgb(187, 105, 6) |
| HSL | hsl(32.82, 93.78%, 37.84%) |
| HSB / HSV | hsv(32.82 96.79% 73.33%) |
| HWB | hwb(32.82 2.35% 26.67%) |
| CMYK | cmyk(0% 44% 97% 27%) |
| Lab | lab(53.16 29.54 59.55) |
| LCH | lch(53.16 66.48 63.61) |
| OKLab | oklab(60.14% 0.06894 0.12067) |
| OKLCH | oklch(60.14% 0.13898 60.26) |
| Display P3 | color(display-p3 0.68993 0.42764 0.15331) |
| Rec. 2020 | color(rec2020 0.59344 0.38834 0.09888) |
| Adobe RGB | color(a98-rgb 0.65596 0.41069 0.10849) |
| ProPhoto RGB | color(prophoto-rgb 0.52162 0.37648 0.13328) |
| Linear sRGB | color(srgb-linear 0.49693 0.14126 0.00182) |
| XYZ D65 | color(xyz-d65 0.25577 0.20683 0.02818) |
| XYZ D50 | color(xyz-d50 0.27136 0.21194 0.02193) |
| SwiftUI | Color(red: 0.733, green: 0.412, blue: 0.024) |
| UIKit | UIColor(red: 0.733, green: 0.412, blue: 0.024, alpha: 1) |
| Flutter / Compose | Color(0xFFBB6906) |
| Android XML | #BB6906 |

## Facts

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

## Tints

#bb6906, #c37832, #ca874d, #d29665, #d9a57b, #e0b491, #e7c3a7, #edd2bd, #f3e1d3, #f9f0e9

## Shades

#bb6906, #a25a04, #8a4c03, #733e02, #5c3101, #462401, #321800, #1f0c00, #0d0400, #020000

## Tones

#bb6906, #b66c24, #b06f34, #ab7241, #a5754c, #a07756, #9a795f, #947b68, #8e7d70, #877f78

## Harmonies

- Complementary: #bb6906, #0089cb
- Split: #bb6906, #0093a9, #617ad3
- Analogous: #bb6906, #c65c4c, #a07b00
- Triadic: #bb6906, #009984, #8e6bc6
- Tetradic: #bb6906, #768c0f, #0089cb, #8e6bc6
- Square: #bb6906, #329752, #0089cb, #ae5fa7
- Monochromatic: #bb6906, #642c00, #924600, #e38e3f, #ffb56a

## Questions about #bb6906

### What color is #bb6906?

#bb6906 is bright brown. The closest named color is Brown Orange. In RGB it is rgb(187, 105, 6), in HSL hsl(32.82, 93.78%, 37.84%) and in OKLCH oklch(60.14% 0.13898 60.26).

### What colors go well with #bb6906?

The complementary color of #bb6906 is #0089cb. For a calmer combination use the analogous colors #c65c4c and #a07b00. The triadic partners are #009984 and #8e6bc6.

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

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

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

#bb6906 is a warm color. In OKLCH its hue is 60 degrees, its lightness 60.1% and its chroma 0.139.