# #ccab43 color: Haystack

#ccab43 is rgb(204, 171, 67) in RGB and oklch(75.14% 0.12667 91.273) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #ccab43 |
| RGB | rgb(204, 171, 67) |
| HSL | hsl(45.55, 57.32%, 53.14%) |
| HSB / HSV | hsv(45.55 67.16% 80%) |
| HWB | hwb(45.55 26.27% 20%) |
| CMYK | cmyk(0% 16% 67% 20%) |
| Lab | lab(71.53 4.15 56.07) |
| LCH | lch(71.53 56.22 85.76) |
| OKLab | oklab(75.14% -0.00281 0.12664) |
| OKLCH | oklch(75.14% 0.12667 91.273) |
| Display P3 | color(display-p3 0.77905 0.67541 0.33344) |
| Rec. 2020 | color(rec2020 0.71648 0.64218 0.28366) |
| Adobe RGB | color(a98-rgb 0.7606 0.66466 0.29956) |
| ProPhoto RGB | color(prophoto-rgb 0.65111 0.61487 0.28844) |
| Linear sRGB | color(srgb-linear 0.60383 0.40724 0.05613) |
| XYZ D65 | color(xyz-d65 0.40477 0.42369 0.11357) |
| XYZ D50 | color(xyz-d50 0.42819 0.4297 0.08802) |
| SwiftUI | Color(red: 0.8, green: 0.671, blue: 0.263) |
| UIKit | UIColor(red: 0.8, green: 0.671, blue: 0.263, alpha: 1) |
| Flutter / Compose | Color(0xFFCCAB43) |
| Android XML | #CCAB43 |

## 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.22:1
- Contrast with black: 9.47:1

## Tints

#ccab43, #d1b45a, #d6bc6f, #dbc582, #e0cd95, #e5d5a7, #eadeb9, #f0e6ca, #f5eedc, #faf7ed

## Shades

#ccab43, #b19439, #977e2f, #7e6826, #65541d, #4e4014, #372d0c, #221b05, #0f0b01, #020100

## Tones

#ccab43, #c9ac52, #c6ac5f, #c3ad6b, #c0ad76, #bdae80, #baae8a, #b7ae94, #b4ae9d, #b1aea6

## Harmonies

- Complementary: #ccab43, #91a9ff
- Split: #ccab43, #5cb8f7, #bc9bf2
- Analogous: #ccab43, #e89b54, #a2bb5a
- Triadic: #ccab43, #1cc3dc, #dc90d3
- Tetradic: #ccab43, #6cc585, #91a9ff, #dc90d3
- Square: #ccab43, #2cc8b3, #91a9ff, #f08ba9
- Monochromatic: #ccab43, #816200, #a6860b, #f3d26c, #fff4a8

## Questions about #ccab43

### What color is #ccab43?

#ccab43 is bright light yellow. The closest named color is Haystack. In RGB it is rgb(204, 171, 67), in HSL hsl(45.55, 57.32%, 53.14%) and in OKLCH oklch(75.14% 0.12667 91.273).

### What colors go well with #ccab43?

The complementary color of #ccab43 is #91a9ff. For a calmer combination use the analogous colors #e89b54 and #a2bb5a. The triadic partners are #1cc3dc and #dc90d3.

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

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

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

#ccab43 is a warm color. In OKLCH its hue is 91 degrees, its lightness 75.1% and its chroma 0.127.