# #bd5503 color: Obscure Orange

#bd5503 is rgb(189, 85, 3) in RGB and oklch(57.182% 0.15367 48.403) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #bd5503 |
| RGB | rgb(189, 85, 3) |
| HSL | hsl(26.45, 96.88%, 37.65%) |
| HSB / HSV | hsv(26.45 98.41% 74.12%) |
| HWB | hwb(26.45 1.18% 25.88%) |
| CMYK | cmyk(0% 55% 98% 26%) |
| Lab | lab(49.3 40.31 58.24) |
| LCH | lch(49.3 70.83 55.32) |
| OKLab | oklab(57.182% 0.10202 0.11492) |
| OKLCH | oklch(57.182% 0.15367 48.403) |
| Display P3 | color(display-p3 0.69056 0.35703 0.13384) |
| Rec. 2020 | color(rec2020 0.58542 0.32204 0.07718) |
| Adobe RGB | color(a98-rgb 0.65155 0.33599 0.08665) |
| ProPhoto RGB | color(prophoto-rgb 0.51177 0.32113 0.114) |
| Linear sRGB | color(srgb-linear 0.50888 0.09084 0.00091) |
| XYZ D65 | color(xyz-d65 0.24251 0.17324 0.02153) |
| XYZ D50 | color(xyz-d50 0.25702 0.1784 0.01655) |
| SwiftUI | Color(red: 0.741, green: 0.333, blue: 0.012) |
| UIKit | UIColor(red: 0.741, green: 0.333, blue: 0.012, alpha: 1) |
| Flutter / Compose | Color(0xFFBD5503) |
| Android XML | #BD5503 |

## Facts

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

## Tints

#bd5503, #c5672f, #cd784a, #d58961, #dc9a78, #e3ab8e, #e9bca5, #efccbb, #f5ddd1, #faeee8

## Shades

#bd5503, #a44902, #8c3d02, #743101, #5d2601, #471c00, #331100, #1f0800, #0d0200, #020000

## Tones

#bd5503, #b75a20, #b15f2f, #aa633b, #a46746, #9d6a4f, #966d58, #8f7060, #887368, #807570

## Harmonies

- Complementary: #bd5503, #0085b6
- Split: #bd5503, #008c91, #3976d1
- Analogous: #bd5503, #c24a54, #a36b00
- Triadic: #bd5503, #009169, #7665cc
- Tetradic: #bd5503, #817d00, #0085b6, #7665cc
- Square: #bd5503, #438c27, #0085b6, #9d56b1
- Monochromatic: #bd5503, #611b00, #923200, #e67a3b, #ffa46b

## Questions about #bd5503

### What color is #bd5503?

#bd5503 is bright brown. The closest named color is Obscure Orange. In RGB it is rgb(189, 85, 3), in HSL hsl(26.45, 96.88%, 37.65%) and in OKLCH oklch(57.182% 0.15367 48.403).

### What colors go well with #bd5503?

The complementary color of #bd5503 is #0085b6. For a calmer combination use the analogous colors #c24a54 and #a36b00. The triadic partners are #009169 and #7665cc.

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

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

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

#bd5503 is a warm color. In OKLCH its hue is 48 degrees, its lightness 57.2% and its chroma 0.154.