# #bc7204 color: Caramel Coating

#bc7204 is rgb(188, 114, 4) in RGB and oklch(61.865% 0.13672 65.996) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #bc7204 |
| RGB | rgb(188, 114, 4) |
| HSL | hsl(35.87, 95.83%, 37.65%) |
| HSB / HSV | hsv(35.87 97.87% 73.73%) |
| HWB | hwb(35.87 1.57% 26.27%) |
| CMYK | cmyk(0% 39% 98% 26%) |
| Lab | lab(55.34 25.28 61.31) |
| LCH | lch(55.34 66.32 67.6) |
| OKLab | oklab(61.865% 0.05562 0.1249) |
| OKLCH | oklch(61.865% 0.13672 65.996) |
| Display P3 | color(display-p3 0.69682 0.46061 0.15958) |
| Rec. 2020 | color(rec2020 0.60429 0.42074 0.10646) |
| Adobe RGB | color(a98-rgb 0.66489 0.44469 0.11188) |
| ProPhoto RGB | color(prophoto-rgb 0.53273 0.40495 0.14078) |
| Linear sRGB | color(srgb-linear 0.50289 0.16827 0.00121) |
| XYZ D65 | color(xyz-d65 0.26778 0.22736 0.03093) |
| XYZ D50 | color(xyz-d50 0.28427 0.23259 0.0242) |
| SwiftUI | Color(red: 0.737, green: 0.447, blue: 0.016) |
| UIKit | UIColor(red: 0.737, green: 0.447, blue: 0.016, alpha: 1) |
| Flutter / Compose | Color(0xFFBC7204) |
| Android XML | #BC7204 |

## Facts

- Closest name: Caramel Coating
- Hue family: Brown, bright brown
- Closest Tailwind class: yellow-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.79:1
- Contrast with black: 5.55:1

## Tints

#bc7204, #c48033, #cb8e4e, #d29c66, #d9aa7c, #e0b892, #e6c7a8, #edd5be, #f3e3d3, #f9f1e9

## Shades

#bc7204, #a36203, #8b5302, #734401, #5d3601, #472800, #321b00, #1f0e00, #0d0400, #020100

## Tones

#bc7204, #b77525, #b27736, #ad7a43, #a87c4f, #a27e59, #9d8063, #97816c, #928375, #8c847d

## Harmonies

- Complementary: #bc7204, #2f8cd2
- Split: #bc7204, #0098b7, #707cd7
- Analogous: #bc7204, #ca6448, #9f8400
- Triadic: #bc7204, #009e91, #9a6ec6
- Tetradic: #bc7204, #71942b, #2f8cd2, #9a6ec6
- Square: #bc7204, #279d62, #2f8cd2, #b863a5
- Monochromatic: #bc7204, #663300, #934f00, #e4973f, #ffbe6c

## Questions about #bc7204

### What color is #bc7204?

#bc7204 is bright brown. The closest named color is Caramel Coating. In RGB it is rgb(188, 114, 4), in HSL hsl(35.87, 95.83%, 37.65%) and in OKLCH oklch(61.865% 0.13672 65.996).

### What colors go well with #bc7204?

The complementary color of #bc7204 is #2f8cd2. For a calmer combination use the analogous colors #ca6448 and #9f8400. The triadic partners are #009e91 and #9a6ec6.

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

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

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

#bc7204 is a warm color. In OKLCH its hue is 66 degrees, its lightness 61.9% and its chroma 0.137.