# #bb5339 color: Orange Vermillion

#bb5339 is rgb(187, 83, 57) in RGB and oklch(56.972% 0.14063 35.211) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #bb5339 |
| RGB | rgb(187, 83, 57) |
| HSL | hsl(12, 53.28%, 47.84%) |
| HSB / HSV | hsv(12 69.52% 73.33%) |
| HWB | hwb(12 22.35% 26.67%) |
| CMYK | cmyk(0% 56% 70% 27%) |
| Lab | lab(48.89 41.59 36.3) |
| LCH | lch(48.89 55.2 41.11) |
| OKLab | oklab(56.972% 0.1149 0.08108) |
| OKLCH | oklch(56.972% 0.14063 35.211) |
| Display P3 | color(display-p3 0.68293 0.3494 0.2528) |
| Rec. 2020 | color(rec2020 0.57904 0.315 0.19233) |
| Adobe RGB | color(a98-rgb 0.64407 0.32859 0.2386) |
| ProPhoto RGB | color(prophoto-rgb 0.50974 0.3158 0.19754) |
| Linear sRGB | color(srgb-linear 0.49693 0.0865 0.04092) |
| XYZ D65 | color(xyz-d65 0.24325 0.17048 0.05881) |
| XYZ D50 | color(xyz-d50 0.25587 0.17506 0.04453) |
| SwiftUI | Color(red: 0.733, green: 0.325, blue: 0.224) |
| UIKit | UIColor(red: 0.733, green: 0.325, blue: 0.224, alpha: 1) |
| Flutter / Compose | Color(0xFFBB5339) |
| Android XML | #BB5339 |

## Facts

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

## Tints

#bb5339, #c4654d, #cc7661, #d48874, #db9887, #e2a99b, #e9baae, #efcbc2, #f5ddd6, #faeeea

## Shades

#bb5339, #a24730, #8a3b28, #73301f, #5c2517, #461b10, #321109, #1f0804, #0d0201, #020000

## Tones

#bb5339, #b55841, #af5d48, #a9614e, #a36555, #9c685b, #956c61, #8e6f67, #87726c, #7f7572

## Harmonies

- Complementary: #bb5339, #0088a4
- Split: #bb5339, #008d81, #0c7dc4
- Analogous: #bb5339, #b94e6c, #ae6200
- Triadic: #bb5339, #008f51, #616dc9
- Tetradic: #bb5339, #907500, #0088a4, #616dc9
- Square: #bb5339, #648509, #0088a4, #8b5eb9
- Monochromatic: #bb5339, #6b0000, #932e13, #e4785d, #ffa084

## Questions about #bb5339

### What color is #bb5339?

#bb5339 is bright brown. The closest named color is Orange Vermillion. In RGB it is rgb(187, 83, 57), in HSL hsl(12, 53.28%, 47.84%) and in OKLCH oklch(56.972% 0.14063 35.211).

### What colors go well with #bb5339?

The complementary color of #bb5339 is #0088a4. For a calmer combination use the analogous colors #b94e6c and #ae6200. The triadic partners are #008f51 and #616dc9.

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

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

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

#bb5339 is a warm color. In OKLCH its hue is 35 degrees, its lightness 57% and its chroma 0.141.