# #bba331 color: Grassy Ochre

#bba331 is rgb(187, 163, 49) in RGB and oklch(71.666% 0.13103 96.832) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #bba331 |
| RGB | rgb(187, 163, 49) |
| HSL | hsl(49.57, 58.47%, 46.27%) |
| HSB / HSV | hsv(49.57 73.8% 73.33%) |
| HWB | hwb(49.57 19.22% 26.67%) |
| CMYK | cmyk(0% 13% 74% 27%) |
| Lab | lab(67.65 0.18 58.75) |
| LCH | lch(67.65 58.75 89.82) |
| OKLab | oklab(71.666% -0.01559 0.1301) |
| OKLCH | oklch(71.666% 0.13103 96.832) |
| Display P3 | color(display-p3 0.71778 0.64263 0.27834) |
| Rec. 2020 | color(rec2020 0.65554 0.60472 0.22836) |
| Adobe RGB | color(a98-rgb 0.70231 0.63336 0.24295) |
| ProPhoto RGB | color(prophoto-rgb 0.59119 0.57529 0.24248) |
| Linear sRGB | color(srgb-linear 0.49693 0.36625 0.03071) |
| XYZ D65 | color(xyz-d65 0.34144 0.36982 0.08246) |
| XYZ D50 | color(xyz-d50 0.36215 0.37499 0.06441) |
| SwiftUI | Color(red: 0.733, green: 0.639, blue: 0.192) |
| UIKit | UIColor(red: 0.733, green: 0.639, blue: 0.192, alpha: 1) |
| Flutter / Compose | Color(0xFFBBA331) |
| Android XML | #BBA331 |

## 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.5:1
- Contrast with black: 8.4:1

## Tints

#bba331, #c2ac4d, #c8b664, #cfbf79, #d6c88d, #dcd1a0, #e3dab3, #eae4c6, #f1edd9, #f8f6ec

## Shades

#bba331, #a28d29, #8a7822, #73631a, #5c4f13, #463c0c, #322a06, #1f1903, #0d0a01, #020100

## Tones

#bba331, #b9a343, #b6a452, #b4a45f, #b1a46a, #afa475, #ada47f, #aaa488, #a8a492, #a6a49b

## Harmonies

- Complementary: #bba331, #8f9bf5
- Split: #bba331, #58aaf1, #b98de3
- Analogous: #bba331, #da923e, #8eb253
- Triadic: #bba331, #00b7d8, #d782c2
- Tetradic: #bba331, #51bc82, #8f9bf5, #d782c2
- Square: #bba331, #00bdb1, #8f9bf5, #e77e96
- Monochromatic: #bba331, #705b00, #967e00, #e2c95d, #fff185

## Questions about #bba331

### What color is #bba331?

#bba331 is bright light yellow. The closest named color is Grassy Ochre. In RGB it is rgb(187, 163, 49), in HSL hsl(49.57, 58.47%, 46.27%) and in OKLCH oklch(71.666% 0.13103 96.832).

### What colors go well with #bba331?

The complementary color of #bba331 is #8f9bf5. For a calmer combination use the analogous colors #da923e and #8eb253. The triadic partners are #00b7d8 and #d782c2.

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

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

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

#bba331 is a warm color. In OKLCH its hue is 97 degrees, its lightness 71.7% and its chroma 0.131.