# #f0ca86 color: Bad Hair Day

#f0ca86 is rgb(240, 202, 134) in RGB and oklch(85.673% 0.09604 81.417) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #f0ca86 |
| RGB | rgb(240, 202, 134) |
| HSL | hsl(38.49, 77.94%, 73.33%) |
| HSB / HSV | hsv(38.49 44.17% 94.12%) |
| HWB | hwb(38.49 52.55% 5.88%) |
| CMYK | cmyk(0% 16% 44% 6%) |
| Lab | lab(83.53 7.47 39.15) |
| LCH | lch(83.53 39.85 79.19) |
| OKLab | oklab(85.673% 0.01433 0.09496) |
| OKLCH | oklch(85.673% 0.09604 81.417) |
| Display P3 | color(display-p3 0.91703 0.7977 0.56082) |
| Rec. 2020 | color(rec2020 0.86739 0.77817 0.5204) |
| Adobe RGB | color(a98-rgb 0.89908 0.78707 0.5352) |
| ProPhoto RGB | color(prophoto-rgb 0.81352 0.7587 0.50323) |
| Linear sRGB | color(srgb-linear 0.87137 0.59062 0.2384) |
| XYZ D65 | color(xyz-d65 0.61357 0.62489 0.31385) |
| XYZ D50 | color(xyz-d50 0.64156 0.63173 0.23971) |
| SwiftUI | Color(red: 0.941, green: 0.792, blue: 0.525) |
| UIKit | UIColor(red: 0.941, green: 0.792, blue: 0.525, alpha: 1) |
| Flutter / Compose | Color(0xFFF0CA86) |
| Android XML | #F0CA86 |

## Facts

- Closest name: Bad Hair Day
- Hue family: Amber, pastel very light amber
- Closest Tailwind class: orange-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.56:1
- Contrast with black: 13.5:1

## Tints

#f0ca86, #f2cf93, #f3d59f, #f5daac, #f6e0b8, #f8e5c4, #f9ead0, #fbefdc, #fcf5e7, #fefaf3

## Shades

#f0ca86, #d1af74, #b29562, #957c51, #786440, #5d4d30, #433721, #2a2213, #140f06, #030201

## Tones

#f0ca86, #edcb8e, #eacc96, #e7cc9e, #e3cda6, #e0cdad, #ddceb4, #dacebb, #d6cfc2, #d3cfc9

## Harmonies

- Complementary: #f0ca86, #afd1ff
- Split: #f0ca86, #8cdcff, #d0c5ff
- Analogous: #f0ca86, #ffbe96, #d2d68c
- Triadic: #f0ca86, #7de3ea, #eebbf6
- Tetradic: #f0ca86, #ade0a5, #afd1ff, #eebbf6
- Square: #f0ca86, #8be5c8, #afd1ff, #ffb6d7
- Monochromatic: #f0ca86, #a27f3b, #c9a461, #fff1c0, #fff1c0

## Questions about #f0ca86

### What color is #f0ca86?

#f0ca86 is pastel very light amber. The closest named color is Bad Hair Day. In RGB it is rgb(240, 202, 134), in HSL hsl(38.49, 77.94%, 73.33%) and in OKLCH oklch(85.673% 0.09604 81.417).

### What colors go well with #f0ca86?

The complementary color of #f0ca86 is #afd1ff. For a calmer combination use the analogous colors #ffbe96 and #d2d68c. The triadic partners are #7de3ea and #eebbf6.

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

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

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

#f0ca86 is a warm color. In OKLCH its hue is 81 degrees, its lightness 85.7% and its chroma 0.096.