# #ccbe76 color: Green Citrine

#ccbe76 is rgb(204, 190, 118) in RGB and oklch(79.704% 0.09371 98.572) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #ccbe76 |
| RGB | rgb(204, 190, 118) |
| HSL | hsl(50.23, 45.74%, 63.14%) |
| HSB / HSV | hsv(50.23 42.16% 80%) |
| HWB | hwb(50.23 46.27% 20%) |
| CMYK | cmyk(0% 7% 42% 20%) |
| Lab | lab(76.95 -2.31 38.15) |
| LCH | lch(76.95 38.22 93.47) |
| OKLab | oklab(79.704% -0.01397 0.09266) |
| OKLCH | oklch(79.704% 0.09371 98.572) |
| Display P3 | color(display-p3 0.79062 0.74701 0.49838) |
| Rec. 2020 | color(rec2020 0.74498 0.71783 0.45398) |
| Adobe RGB | color(a98-rgb 0.77968 0.73948 0.47542) |
| ProPhoto RGB | color(prophoto-rgb 0.69171 0.69111 0.43938) |
| Linear sRGB | color(srgb-linear 0.60383 0.51492 0.18116) |
| XYZ D65 | color(xyz-d65 0.46584 0.50973 0.24525) |
| XYZ D50 | color(xyz-d50 0.48755 0.51447 0.18777) |
| SwiftUI | Color(red: 0.8, green: 0.745, blue: 0.463) |
| UIKit | UIColor(red: 0.8, green: 0.745, blue: 0.463, alpha: 1) |
| Flutter / Compose | Color(0xFFCCBE76) |
| Android XML | #CCBE76 |

## Facts

- Closest name: Green Citrine
- Hue family: Yellow, soft light yellow
- Closest Tailwind class: orange-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.88:1
- Contrast with black: 11.19:1

## Tints

#ccbe76, #d1c584, #d6cb92, #dbd2a0, #e0d8ae, #e5dfbc, #eae5c9, #efecd7, #f5f2e4, #faf9f1

## Shades

#ccbe76, #b1a566, #978c56, #7e7547, #655e38, #4e4829, #37331c, #221f0f, #0f0d05, #020201

## Tones

#ccbe76, #cabe7e, #c9be86, #c7be8d, #c6be95, #c4be9c, #c3bea2, #c1bda9, #c0bdb0, #bebdb6

## Harmonies

- Complementary: #ccbe76, #afb7f9
- Split: #ccbe76, #8dc2f7, #ceadeb
- Analogous: #ccbe76, #e5b27a, #abc988
- Triadic: #ccbe76, #71cce5, #e5a6d1
- Tetradic: #ccbe76, #87d0a7, #afb7f9, #e5a6d1
- Square: #ccbe76, #6ed0c8, #afb7f9, #f2a4b1
- Monochromatic: #ccbe76, #82742b, #a69851, #f3e59c, #fff7ad

## Questions about #ccbe76

### What color is #ccbe76?

#ccbe76 is soft light yellow. The closest named color is Green Citrine. In RGB it is rgb(204, 190, 118), in HSL hsl(50.23, 45.74%, 63.14%) and in OKLCH oklch(79.704% 0.09371 98.572).

### What colors go well with #ccbe76?

The complementary color of #ccbe76 is #afb7f9. For a calmer combination use the analogous colors #e5b27a and #abc988. The triadic partners are #71cce5 and #e5a6d1.

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

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

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

#ccbe76 is a warm color. In OKLCH its hue is 99 degrees, its lightness 79.7% and its chroma 0.094.