# #bca86a color: Sassy Green

#bca86a is rgb(188, 168, 106) in RGB and oklch(73.477% 0.08438 92.195) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #bca86a |
| RGB | rgb(188, 168, 106) |
| HSL | hsl(45.37, 37.96%, 57.65%) |
| HSB / HSV | hsv(45.37 43.62% 73.73%) |
| HWB | hwb(45.37 41.57% 26.27%) |
| CMYK | cmyk(0% 11% 44% 26%) |
| Lab | lab(69.56 1.18 34.75) |
| LCH | lch(69.56 34.77 88.06) |
| OKLab | oklab(73.477% -0.00323 0.08431) |
| OKLCH | oklch(73.477% 0.08438 92.195) |
| Display P3 | color(display-p3 0.72413 0.66162 0.44694) |
| Rec. 2020 | color(rec2020 0.6687 0.62564 0.39828) |
| Adobe RGB | color(a98-rgb 0.71022 0.6529 0.42753) |
| ProPhoto RGB | color(prophoto-rgb 0.61407 0.59734 0.38487) |
| Linear sRGB | color(srgb-linear 0.50289 0.39157 0.14413) |
| XYZ D65 | color(xyz-d65 0.37342 0.39738 0.19339) |
| XYZ D50 | color(xyz-d50 0.39073 0.40134 0.14794) |
| SwiftUI | Color(red: 0.737, green: 0.659, blue: 0.416) |
| UIKit | UIColor(red: 0.737, green: 0.659, blue: 0.416, alpha: 1) |
| Flutter / Compose | Color(0xFFBCA86A) |
| Android XML | #BCA86A |

## Facts

- Closest name: Sassy Green
- Hue family: Yellow, soft light yellow
- Closest Tailwind class: olive-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.35:1
- Contrast with black: 8.95:1

## Tints

#bca86a, #c3b179, #c9b988, #d0c297, #d6caa6, #ddd3b5, #e4dcc3, #ebe5d2, #f1ede1, #f8f6f0

## Shades

#bca86a, #a3925b, #8b7c4d, #73673f, #5d5231, #473f24, #322c18, #1f1a0d, #0d0a04, #020100

## Tones

#bca86a, #baa871, #b8a878, #b6a97f, #b4a985, #b2a98b, #b1a992, #afa998, #ada99d, #aba9a3

## Harmonies

- Complementary: #bca86a, #97a6df
- Split: #bca86a, #79b0da, #b39dd6
- Analogous: #bca86a, #d09d71, #a0b276
- Triadic: #bca86a, #64b8c8, #c996c1
- Tetradic: #bca86a, #80b98f, #97a6df, #c996c1
- Square: #bca86a, #67bbad, #97a6df, #d793a5
- Monochromatic: #bca86a, #736021, #978346, #e3ce8f, #fff4b4

## Questions about #bca86a

### What color is #bca86a?

#bca86a is soft light yellow. The closest named color is Sassy Green. In RGB it is rgb(188, 168, 106), in HSL hsl(45.37, 37.96%, 57.65%) and in OKLCH oklch(73.477% 0.08438 92.195).

### What colors go well with #bca86a?

The complementary color of #bca86a is #97a6df. For a calmer combination use the analogous colors #d09d71 and #a0b276. The triadic partners are #64b8c8 and #c996c1.

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

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

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

#bca86a is a warm color. In OKLCH its hue is 92 degrees, its lightness 73.5% and its chroma 0.084.