# #ccae4e color: Haystack

#ccae4e is rgb(204, 174, 78) in RGB and oklch(75.863% 0.11993 91.943) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #ccae4e |
| RGB | rgb(204, 174, 78) |
| HSL | hsl(45.71, 55.26%, 55.29%) |
| HSB / HSV | hsv(45.71 61.76% 80%) |
| HWB | hwb(45.71 30.59% 20%) |
| CMYK | cmyk(0% 15% 62% 20%) |
| Lab | lab(72.39 3.14 52.15) |
| LCH | lch(72.39 52.24 86.56) |
| OKLab | oklab(75.863% -0.00407 0.11987) |
| OKLCH | oklch(75.863% 0.11993 91.943) |
| Display P3 | color(display-p3 0.78079 0.68669 0.36608) |
| Rec. 2020 | color(rec2020 0.72084 0.65405 0.31669) |
| Adobe RGB | color(a98-rgb 0.76348 0.67642 0.33537) |
| ProPhoto RGB | color(prophoto-rgb 0.65744 0.62672 0.31628) |
| Linear sRGB | color(srgb-linear 0.60383 0.42327 0.07619) |
| XYZ D65 | color(xyz-d65 0.41412 0.43661 0.13454) |
| XYZ D50 | color(xyz-d50 0.43723 0.4424 0.1039) |
| SwiftUI | Color(red: 0.8, green: 0.682, blue: 0.306) |
| UIKit | UIColor(red: 0.8, green: 0.682, blue: 0.306, alpha: 1) |
| Flutter / Compose | Color(0xFFCCAE4E) |
| Android XML | #CCAE4E |

## Facts

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

## Tints

#ccae4e, #d1b663, #d6be76, #dbc788, #e0cf9a, #e5d7ab, #eadfbc, #f0e7cd, #f5efdd, #faf7ee

## Shades

#ccae4e, #b19743, #978038, #7e6a2d, #655523, #4e4119, #372e0f, #221c07, #0f0b02, #020100

## Tones

#ccae4e, #c9af5b, #c6af67, #c4af72, #c1b07c, #beb085, #bbb08e, #b9b097, #b6b0a0, #b3b1a8

## Harmonies

- Complementary: #ccae4e, #96acfd
- Split: #ccae4e, #65b9f6, #bf9ef0
- Analogous: #ccae4e, #e79e5c, #a4bd63
- Triadic: #ccae4e, #36c4dd, #dd94d3
- Tetradic: #ccae4e, #72c78a, #96acfd, #dd94d3
- Square: #ccae4e, #3ec9b6, #96acfd, #ef8fab
- Monochromatic: #ccae4e, #816500, #a68921, #f3d576, #fff4a6

## Questions about #ccae4e

### What color is #ccae4e?

#ccae4e is bright light yellow. The closest named color is Haystack. In RGB it is rgb(204, 174, 78), in HSL hsl(45.71, 55.26%, 55.29%) and in OKLCH oklch(75.863% 0.11993 91.943).

### What colors go well with #ccae4e?

The complementary color of #ccae4e is #96acfd. For a calmer combination use the analogous colors #e79e5c and #a4bd63. The triadic partners are #36c4dd and #dd94d3.

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

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

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

#ccae4e is a warm color. In OKLCH its hue is 92 degrees, its lightness 75.9% and its chroma 0.12.