# #bcc163 color: Avocado Cream

#bcc163 is rgb(188, 193, 99) in RGB and oklch(78.702% 0.1182 111.53) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #bcc163 |
| RGB | rgb(188, 193, 99) |
| HSL | hsl(63.19, 43.12%, 57.25%) |
| HSB / HSV | hsv(63.19 48.7% 75.69%) |
| HWB | hwb(63.19 38.82% 24.31%) |
| CMYK | cmyk(3% 0% 49% 24%) |
| Lab | lab(76.18 -11.64 46.16) |
| LCH | lch(76.18 47.61 104.15) |
| OKLab | oklab(78.702% -0.04338 0.10995) |
| OKLCH | oklch(78.702% 0.1182 111.53) |
| Display P3 | color(display-p3 0.74079 0.75622 0.43766) |
| Rec. 2020 | color(rec2020 0.70291 0.72438 0.39189) |
| Adobe RGB | color(a98-rgb 0.73727 0.75135 0.41112) |
| ProPhoto RGB | color(prophoto-rgb 0.64941 0.69448 0.38478) |
| Linear sRGB | color(srgb-linear 0.50289 0.53328 0.12477) |
| XYZ D65 | color(xyz-d65 0.4206 0.49732 0.19188) |
| XYZ D50 | color(xyz-d50 0.44254 0.50175 0.14787) |
| SwiftUI | Color(red: 0.737, green: 0.757, blue: 0.388) |
| UIKit | UIColor(red: 0.737, green: 0.757, blue: 0.388, alpha: 1) |
| Flutter / Compose | Color(0xFFBCC163) |
| Android XML | #BCC163 |

## Facts

- Closest name: Avocado Cream
- Hue family: Yellow, soft light yellow
- Closest Tailwind class: yellow-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.92:1
- Contrast with black: 10.95:1

## Tints

#bcc163, #c2c774, #c9ce85, #cfd495, #d6daa4, #dde0b4, #e3e7c3, #eaedd2, #f1f3e1, #f8f9f0

## Shades

#bcc163, #a3a755, #8b8f47, #73773a, #5d5f2e, #474921, #323416, #1f200b, #0d0e03, #020200

## Tones

#bcc163, #bcc06e, #bbc078, #bbbf81, #bbbf8a, #babe92, #babd9b, #babca2, #babbaa, #babab2

## Harmonies

- Complementary: #bcc163, #baacff
- Split: #bcc163, #8fbaff, #dda0e7
- Analogous: #bcc163, #e0b25a, #8ecd85
- Triadic: #bcc163, #60c7f8, #f499c2
- Tetradic: #bcc163, #5cd2b0, #baacff, #f499c2
- Square: #bcc163, #41d0d9, #baacff, #fc9a98
- Monochromatic: #bcc163, #747708, #979b3c, #e3e88a, #f7fd9e

## Questions about #bcc163

### What color is #bcc163?

#bcc163 is soft light yellow. The closest named color is Avocado Cream. In RGB it is rgb(188, 193, 99), in HSL hsl(63.19, 43.12%, 57.25%) and in OKLCH oklch(78.702% 0.1182 111.53).

### What colors go well with #bcc163?

The complementary color of #bcc163 is #baacff. For a calmer combination use the analogous colors #e0b25a and #8ecd85. The triadic partners are #60c7f8 and #f499c2.

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

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

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

#bcc163 is a neutral color. In OKLCH its hue is 112 degrees, its lightness 78.7% and its chroma 0.118.