# #bb523d color: Orange Vermillion

#bb523d is rgb(187, 82, 61) in RGB and oklch(56.883% 0.1405 32.966) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #bb523d |
| RGB | rgb(187, 82, 61) |
| HSL | hsl(10, 50.81%, 48.63%) |
| HSB / HSV | hsv(10 67.38% 73.33%) |
| HWB | hwb(10 23.92% 26.67%) |
| CMYK | cmyk(0% 56% 67% 27%) |
| Lab | lab(48.75 42.22 33.9) |
| LCH | lch(48.75 54.15 38.76) |
| OKLab | oklab(56.883% 0.11788 0.07645) |
| OKLCH | oklch(56.883% 0.1405 32.966) |
| Display P3 | color(display-p3 0.68266 0.34592 0.26499) |
| Rec. 2020 | color(rec2020 0.57864 0.3119 0.20445) |
| Adobe RGB | color(a98-rgb 0.6436 0.3249 0.25191) |
| ProPhoto RGB | color(prophoto-rgb 0.50984 0.31343 0.20697) |
| Linear sRGB | color(srgb-linear 0.49693 0.08438 0.04667) |
| XYZ D65 | color(xyz-d65 0.24352 0.16938 0.06402) |
| XYZ D50 | color(xyz-d50 0.25587 0.17388 0.04843) |
| SwiftUI | Color(red: 0.733, green: 0.322, blue: 0.239) |
| UIKit | UIColor(red: 0.733, green: 0.322, blue: 0.239, alpha: 1) |
| Flutter / Compose | Color(0xFFBB523D) |
| Android XML | #BB523D |

## Facts

- Closest name: Orange Vermillion
- Hue family: Red, soft red
- Closest Tailwind class: amber-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.79:1
- Contrast with black: 4.39:1

## Tints

#bb523d, #c46450, #cc7663, #d48776, #db9889, #e2a99c, #e9baaf, #efcbc3, #f5dcd7, #faeeeb

## Shades

#bb523d, #a24634, #8a3b2b, #732f22, #5c251a, #461a12, #32110a, #1f0804, #0d0201, #020000

## Tones

#bb523d, #b55744, #af5c4a, #a96051, #a36457, #9c685c, #956b62, #8e6e67, #87716d, #7f7472

## Harmonies

- Complementary: #bb523d, #0088a1
- Split: #bb523d, #008d7e, #007ec2
- Analogous: #bb523d, #b84e6f, #af6000
- Triadic: #bb523d, #148e4d, #5d6ec9
- Tetradic: #bb523d, #937300, #0088a1, #5d6ec9
- Square: #bb523d, #688300, #0088a1, #885fba
- Monochromatic: #bb523d, #6b0000, #932d19, #e47760, #ff9f88

## Questions about #bb523d

### What color is #bb523d?

#bb523d is soft red. The closest named color is Orange Vermillion. In RGB it is rgb(187, 82, 61), in HSL hsl(10, 50.81%, 48.63%) and in OKLCH oklch(56.883% 0.1405 32.966).

### What colors go well with #bb523d?

The complementary color of #bb523d is #0088a1. For a calmer combination use the analogous colors #b84e6f and #af6000. The triadic partners are #148e4d and #5d6ec9.

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

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

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

#bb523d is a warm color. In OKLCH its hue is 33 degrees, its lightness 56.9% and its chroma 0.141.