# #baa53a color: Grassy Ochre

#baa53a is rgb(186, 165, 58) in RGB and oklch(72.062% 0.12647 97.961) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #baa53a |
| RGB | rgb(186, 165, 58) |
| HSL | hsl(50.16, 52.46%, 47.84%) |
| HSB / HSV | hsv(50.16 68.82% 72.94%) |
| HWB | hwb(50.16 22.75% 27.06%) |
| CMYK | cmyk(0% 11% 69% 27%) |
| Lab | lab(68.13 -0.94 55.71) |
| LCH | lch(68.13 55.71 90.96) |
| OKLab | oklab(72.062% -0.01752 0.12525) |
| OKLCH | oklch(72.062% 0.12647 97.961) |
| Display P3 | color(display-p3 0.71568 0.65001 0.30184) |
| Rec. 2020 | color(rec2020 0.65561 0.61228 0.25161) |
| Adobe RGB | color(a98-rgb 0.70135 0.64117 0.26977) |
| ProPhoto RGB | color(prophoto-rgb 0.59272 0.58259 0.2611) |
| Linear sRGB | color(srgb-linear 0.49102 0.37626 0.04231) |
| XYZ D65 | color(xyz-d65 0.34467 0.37656 0.09456) |
| XYZ D50 | color(xyz-d50 0.36509 0.38155 0.07358) |
| SwiftUI | Color(red: 0.729, green: 0.647, blue: 0.227) |
| UIKit | UIColor(red: 0.729, green: 0.647, blue: 0.227, alpha: 1) |
| Flutter / Compose | Color(0xFFBAA53A) |
| Android XML | #BAA53A |

## Facts

- Closest name: Grassy Ochre
- Hue family: Yellow, bright light yellow
- Closest Tailwind class: yellow-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.46:1
- Contrast with black: 8.53:1

## Tints

#baa53a, #c1ae53, #c7b769, #cec07d, #d5c990, #dcd2a3, #e3dbb5, #eae4c8, #f1edda, #f8f6ed

## Shades

#baa53a, #a18f31, #897928, #726520, #5c5118, #463d10, #322b09, #1e1a04, #0d0a01, #020100

## Tones

#baa53a, #b8a54a, #b6a557, #b3a663, #b1a66e, #afa678, #ada681, #aba58b, #a9a594, #a7a59c

## Harmonies

- Complementary: #baa53a, #939cf3
- Split: #baa53a, #5fabf0, #bb8ee2
- Analogous: #baa53a, #d99443, #8eb459
- Triadic: #baa53a, #16b7d9, #d884c0
- Tetradic: #baa53a, #54bd86, #939cf3, #d884c0
- Square: #baa53a, #00beb3, #939cf3, #e78196
- Monochromatic: #baa53a, #705d00, #958000, #e1cb64, #fff38b

## Questions about #baa53a

### What color is #baa53a?

#baa53a is bright light yellow. The closest named color is Grassy Ochre. In RGB it is rgb(186, 165, 58), in HSL hsl(50.16, 52.46%, 47.84%) and in OKLCH oklch(72.062% 0.12647 97.961).

### What colors go well with #baa53a?

The complementary color of #baa53a is #939cf3. For a calmer combination use the analogous colors #d99443 and #8eb459. The triadic partners are #16b7d9 and #d884c0.

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

Black text reads better on #baa53a: white gives a contrast ratio of 2.46:1 and black gives 8.53:1. WCAG AA asks for at least 4.5:1 for body text.

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

#baa53a is a warm color. In OKLCH its hue is 98 degrees, its lightness 72.1% and its chroma 0.126.