# #ccb136 color: Herbal Green

#ccb136 is rgb(204, 177, 54) in RGB and oklch(76.271% 0.13933 96.288) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #ccb136 |
| RGB | rgb(204, 177, 54) |
| HSL | hsl(49.2, 59.52%, 50.59%) |
| HSB / HSV | hsv(49.2 73.53% 80%) |
| HWB | hwb(49.2 21.18% 20%) |
| CMYK | cmyk(0% 13% 74% 20%) |
| Lab | lab(73.01 0.67 62.58) |
| LCH | lch(73.01 62.58 89.39) |
| OKLab | oklab(76.271% -0.01526 0.1385) |
| OKLCH | oklch(76.271% 0.13933 96.288) |
| Display P3 | color(display-p3 0.78256 0.69797 0.30499) |
| Rec. 2020 | color(rec2020 0.72345 0.66542 0.2567) |
| Adobe RGB | color(a98-rgb 0.76641 0.68821 0.26403) |
| ProPhoto RGB | color(prophoto-rgb 0.65735 0.63731 0.26861) |
| Linear sRGB | color(srgb-linear 0.60383 0.43966 0.03689) |
| XYZ D65 | color(xyz-d65 0.41289 0.44549 0.09914) |
| XYZ D50 | color(xyz-d50 0.43792 0.45177 0.07743) |
| SwiftUI | Color(red: 0.8, green: 0.694, blue: 0.212) |
| UIKit | UIColor(red: 0.8, green: 0.694, blue: 0.212, alpha: 1) |
| Flutter / Compose | Color(0xFFCCB136) |
| Android XML | #CCB136 |

## Facts

- Closest name: Herbal Green
- Hue family: Yellow, bright light yellow
- Closest Tailwind class: yellow-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.12:1
- Contrast with black: 9.91:1

## Tints

#ccb136, #d1b952, #d6c169, #dbc97e, #e0d191, #e5d9a4, #eae0b7, #efe8c9, #f5f0db, #faf7ed

## Shades

#ccb136, #b1992e, #978325, #7e6c1e, #655716, #4e420f, #372f08, #221c03, #0f0c01, #020100

## Tones

#ccb136, #c9b14a, #c7b25a, #c4b267, #c1b274, #bfb27f, #bcb28a, #b9b295, #b7b29f, #b4b2a8

## Harmonies

- Complementary: #ccb136, #9ba9ff
- Split: #ccb136, #5fb9ff, #c899f7
- Analogous: #ccb136, #ed9e44, #9bc25a
- Triadic: #ccb136, #00c7ea, #e98ed3
- Tetradic: #ccb136, #5acc8c, #9ba9ff, #e98ed3
- Square: #ccb136, #00cec0, #9ba9ff, #fb8aa4
- Monochromatic: #ccb136, #7f6800, #a68b00, #f3d863, #fff591

## Questions about #ccb136

### What color is #ccb136?

#ccb136 is bright light yellow. The closest named color is Herbal Green. In RGB it is rgb(204, 177, 54), in HSL hsl(49.2, 59.52%, 50.59%) and in OKLCH oklch(76.271% 0.13933 96.288).

### What colors go well with #ccb136?

The complementary color of #ccb136 is #9ba9ff. For a calmer combination use the analogous colors #ed9e44 and #9bc25a. The triadic partners are #00c7ea and #e98ed3.

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

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

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

#ccb136 is a warm color. In OKLCH its hue is 96 degrees, its lightness 76.3% and its chroma 0.139.