# #ecc167 color: Fruit Yellow

#ecc167 is rgb(236, 193, 103) in RGB and oklch(83.081% 0.11918 84.134) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #ecc167 |
| RGB | rgb(236, 193, 103) |
| HSL | hsl(40.6, 77.78%, 66.47%) |
| HSB / HSV | hsv(40.6 56.36% 92.55%) |
| HWB | hwb(40.6 40.39% 7.45%) |
| CMYK | cmyk(0% 18% 56% 7%) |
| Lab | lab(80.58 8.32 50.68) |
| LCH | lch(80.58 51.36 80.68) |
| OKLab | oklab(83.081% 0.01218 0.11855) |
| OKLCH | oklch(83.081% 0.11918 84.134) |
| Display P3 | color(display-p3 0.89856 0.76326 0.45707) |
| Rec. 2020 | color(rec2020 0.84163 0.74061 0.41158) |
| Adobe RGB | color(a98-rgb 0.87832 0.75135 0.4246) |
| ProPhoto RGB | color(prophoto-rgb 0.77979 0.71894 0.40243) |
| Linear sRGB | color(srgb-linear 0.8388 0.53328 0.13563) |
| XYZ D65 | color(xyz-d65 0.56108 0.56954 0.2087) |
| XYZ D50 | color(xyz-d50 0.59057 0.57715 0.16031) |
| SwiftUI | Color(red: 0.925, green: 0.757, blue: 0.404) |
| UIKit | UIColor(red: 0.925, green: 0.757, blue: 0.404, alpha: 1) |
| Flutter / Compose | Color(0xFFECC167) |
| Android XML | #ECC167 |

## Facts

- Closest name: Fruit Yellow
- Hue family: Amber, pastel light amber
- Closest Tailwind class: orange-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.69:1
- Contrast with black: 12.39:1

## Tints

#ecc167, #eec778, #f0ce89, #f2d498, #f4daa8, #f6e1b7, #f8e7c5, #faedd4, #fbf3e2, #fdf9f1

## Shades

#ecc167, #cda759, #af8f4b, #92773d, #765f30, #5b4923, #423417, #29200c, #130e04, #030200

## Tones

#ecc167, #e8c273, #e5c37e, #e1c488, #dec492, #dac59c, #d6c6a5, #d3c6ae, #cfc7b7, #cbc7bf

## Harmonies

- Complementary: #ecc167, #a5c7ff
- Split: #ecc167, #71d4ff, #ccb9ff
- Analogous: #ecc167, #ffb27b, #c6d072
- Triadic: #ecc167, #53deeb, #eeadf3
- Tetradic: #ecc167, #97dc96, #a5c7ff, #eeadf3
- Square: #ecc167, #67e1c2, #a5c7ff, #ffa7cd
- Monochromatic: #ecc167, #9f7608, #c59b3f, #ffeaa4, #fff2bb

## Questions about #ecc167

### What color is #ecc167?

#ecc167 is pastel light amber. The closest named color is Fruit Yellow. In RGB it is rgb(236, 193, 103), in HSL hsl(40.6, 77.78%, 66.47%) and in OKLCH oklch(83.081% 0.11918 84.134).

### What colors go well with #ecc167?

The complementary color of #ecc167 is #a5c7ff. For a calmer combination use the analogous colors #ffb27b and #c6d072. The triadic partners are #53deeb and #eeadf3.

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

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

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

#ecc167 is a warm color. In OKLCH its hue is 84 degrees, its lightness 83.1% and its chroma 0.119.