# #ba682f color: Ruddy Brown

#ba682f is rgb(186, 104, 47) in RGB and oklch(60.062% 0.12625 52.383) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #ba682f |
| RGB | rgb(186, 104, 47) |
| HSL | hsl(24.6, 59.66%, 45.69%) |
| HSB / HSV | hsv(24.6 74.73% 72.94%) |
| HWB | hwb(24.6 18.43% 27.06%) |
| CMYK | cmyk(0% 44% 75% 27%) |
| Lab | lab(52.97 30.41 45.64) |
| LCH | lch(52.97 54.85 56.32) |
| OKLab | oklab(60.062% 0.07706 0.10001) |
| OKLCH | oklch(60.062% 0.12625 52.383) |
| Display P3 | color(display-p3 0.68608 0.42376 0.23289) |
| Rec. 2020 | color(rec2020 0.59039 0.3847 0.17488) |
| Adobe RGB | color(a98-rgb 0.65215 0.40692 0.21188) |
| ProPhoto RGB | color(prophoto-rgb 0.52132 0.37368 0.18758) |
| Linear sRGB | color(srgb-linear 0.49102 0.13843 0.02843) |
| XYZ D65 | color(xyz-d65 0.25712 0.20546 0.05301) |
| XYZ D50 | color(xyz-d50 0.2715 0.21021 0.04058) |
| SwiftUI | Color(red: 0.729, green: 0.408, blue: 0.184) |
| UIKit | UIColor(red: 0.729, green: 0.408, blue: 0.184, alpha: 1) |
| Flutter / Compose | Color(0xFFBA682F) |
| Android XML | #BA682F |

## Facts

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

## Tints

#ba682f, #c27747, #ca865c, #d19570, #d8a485, #dfb399, #e6c2ad, #edd1c1, #f3e0d6, #f9f0ea

## Shades

#ba682f, #a15927, #894b20, #723e19, #5c3012, #46240c, #321806, #1e0c03, #0d0401, #020000

## Tones

#ba682f, #b56b3a, #b06e44, #aa714d, #a57455, #9f765d, #997865, #937b6c, #8d7d73, #877e7a

## Harmonies

- Complementary: #ba682f, #008cbf
- Split: #ba682f, #0095a0, #567ecb
- Analogous: #ba682f, #c05e5d, #a57700
- Triadic: #ba682f, #009878, #8370c5
- Tetradic: #ba682f, #828717, #008cbf, #8370c5
- Square: #ba682f, #50934a, #008cbf, #a365ac
- Monochromatic: #ba682f, #692500, #934400, #e28d55, #ffb37b

## Questions about #ba682f

### What color is #ba682f?

#ba682f is bright brown. The closest named color is Ruddy Brown. In RGB it is rgb(186, 104, 47), in HSL hsl(24.6, 59.66%, 45.69%) and in OKLCH oklch(60.062% 0.12625 52.383).

### What colors go well with #ba682f?

The complementary color of #ba682f is #008cbf. For a calmer combination use the analogous colors #c05e5d and #a57700. The triadic partners are #009878 and #8370c5.

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

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

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

#ba682f is a warm color. In OKLCH its hue is 52 degrees, its lightness 60.1% and its chroma 0.126.