# #bb563b color: Orange Vermillion

#bb563b is rgb(187, 86, 59) in RGB and oklch(57.443% 0.13711 35.97) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #bb563b |
| RGB | rgb(187, 86, 59) |
| HSL | hsl(12.66, 52.03%, 48.24%) |
| HSB / HSV | hsv(12.66 68.45% 73.33%) |
| HWB | hwb(12.66 23.14% 26.67%) |
| CMYK | cmyk(0% 54% 68% 27%) |
| Lab | lab(49.49 40.24 35.86) |
| LCH | lch(49.49 53.9 41.7) |
| OKLab | oklab(57.443% 0.11097 0.08053) |
| OKLCH | oklch(57.443% 0.13711 35.97) |
| Display P3 | color(display-p3 0.68378 0.35988 0.26018) |
| Rec. 2020 | color(rec2020 0.58107 0.32474 0.19997) |
| Adobe RGB | color(a98-rgb 0.6455 0.33969 0.246) |
| ProPhoto RGB | color(prophoto-rgb 0.51218 0.32384 0.20399) |
| Linear sRGB | color(srgb-linear 0.49693 0.09306 0.04374) |
| XYZ D65 | color(xyz-d65 0.2461 0.17538 0.06227) |
| XYZ D50 | color(xyz-d50 0.25879 0.17993 0.04718) |
| SwiftUI | Color(red: 0.733, green: 0.337, blue: 0.231) |
| UIKit | UIColor(red: 0.733, green: 0.337, blue: 0.231, alpha: 1) |
| Flutter / Compose | Color(0xFFBB563B) |
| Android XML | #BB563B |

## Facts

- Closest name: Orange Vermillion
- Hue family: Brown, soft brown
- Closest Tailwind class: amber-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.66:1
- Contrast with black: 4.51:1

## Tints

#bb563b, #c3684f, #cc7962, #d38975, #db9a88, #e2ab9c, #e8bbaf, #efccc3, #f4ddd7, #faeeeb

## Shades

#bb563b, #a24a32, #8a3e29, #733221, #5c2719, #461c11, #321209, #1f0804, #0d0201, #020000

## Tones

#bb563b, #b55b43, #af5f4a, #a96350, #a36756, #9d6a5c, #966d62, #8f7168, #88736e, #807673

## Harmonies

- Complementary: #bb563b, #0089a6
- Split: #bb563b, #008f83, #1c7ec4
- Analogous: #bb563b, #b9516c, #ae6500
- Triadic: #bb563b, #0a9055, #646fc8
- Tetradic: #bb563b, #917700, #0089a6, #646fc8
- Square: #bb563b, #658617, #0089a6, #8d60b8
- Monochromatic: #bb563b, #6c0400, #933116, #e47b5f, #ffa386

## Questions about #bb563b

### What color is #bb563b?

#bb563b is soft brown. The closest named color is Orange Vermillion. In RGB it is rgb(187, 86, 59), in HSL hsl(12.66, 52.03%, 48.24%) and in OKLCH oklch(57.443% 0.13711 35.97).

### What colors go well with #bb563b?

The complementary color of #bb563b is #0089a6. For a calmer combination use the analogous colors #b9516c and #ae6500. The triadic partners are #0a9055 and #646fc8.

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

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

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

#bb563b is a warm color. In OKLCH its hue is 36 degrees, its lightness 57.4% and its chroma 0.137.