# #bb563c color: Orange Vermillion

#bb563c is rgb(187, 86, 60) in RGB and oklch(57.457% 0.13681 35.533) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #bb563c |
| RGB | rgb(187, 86, 60) |
| HSL | hsl(12.28, 51.42%, 48.43%) |
| HSB / HSV | hsv(12.28 67.91% 73.33%) |
| HWB | hwb(12.28 23.53% 26.67%) |
| CMYK | cmyk(0% 54% 68% 27%) |
| Lab | lab(49.5 40.28 35.31) |
| LCH | lch(49.5 53.57 41.24) |
| OKLab | oklab(57.457% 0.11133 0.07951) |
| OKLCH | oklch(57.457% 0.13681 35.533) |
| Display P3 | color(display-p3 0.68378 0.35988 0.26331) |
| Rec. 2020 | color(rec2020 0.58113 0.32477 0.20311) |
| Adobe RGB | color(a98-rgb 0.6455 0.33969 0.24937) |
| ProPhoto RGB | color(prophoto-rgb 0.51237 0.32389 0.20647) |
| Linear sRGB | color(srgb-linear 0.49693 0.09306 0.04519) |
| XYZ D65 | color(xyz-d65 0.24636 0.17548 0.06365) |
| XYZ D50 | color(xyz-d50 0.259 0.18002 0.04822) |
| SwiftUI | Color(red: 0.733, green: 0.337, blue: 0.235) |
| UIKit | UIColor(red: 0.733, green: 0.337, blue: 0.235, alpha: 1) |
| Flutter / Compose | Color(0xFFBB563C) |
| Android XML | #BB563C |

## 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

#bb563c, #c36850, #cc7963, #d38976, #db9a89, #e2ab9c, #e8bbaf, #efccc3, #f4ddd7, #faeeeb

## Shades

#bb563c, #a24a33, #8a3e2a, #733221, #5c2719, #461c11, #32120a, #1f0804, #0d0201, #020000

## Tones

#bb563c, #b55b43, #af5f4a, #a96351, #a36757, #9d6a5d, #966e63, #8f7168, #88736e, #807673

## Harmonies

- Complementary: #bb563c, #0089a6
- Split: #bb563c, #008f83, #1a7ec4
- Analogous: #bb563c, #b9516d, #ae6400
- Triadic: #bb563c, #0f9054, #636fc8
- Tetradic: #bb563c, #927600, #0089a6, #636fc8
- Square: #bb563c, #658617, #0089a6, #8c61b8
- Monochromatic: #bb563c, #6c0400, #933117, #e47b60, #ffa387

## Questions about #bb563c

### What color is #bb563c?

#bb563c is soft brown. The closest named color is Orange Vermillion. In RGB it is rgb(187, 86, 60), in HSL hsl(12.28, 51.42%, 48.43%) and in OKLCH oklch(57.457% 0.13681 35.533).

### What colors go well with #bb563c?

The complementary color of #bb563c is #0089a6. For a calmer combination use the analogous colors #b9516d and #ae6400. The triadic partners are #0f9054 and #636fc8.

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

White text reads better on #bb563c: 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 #bb563c a warm or cool color?

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