# #f2c778 color: Orange Chocolate

#f2c778 is rgb(242, 199, 120) in RGB and oklch(85.064% 0.1091 81.628) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #f2c778 |
| RGB | rgb(242, 199, 120) |
| HSL | hsl(38.85, 82.43%, 70.98%) |
| HSB / HSV | hsv(38.85 50.41% 94.9%) |
| HWB | hwb(38.85 47.06% 5.1%) |
| CMYK | cmyk(0% 18% 50% 5%) |
| Lab | lab(82.83 8.8 45.29) |
| LCH | lch(82.83 46.14 79) |
| OKLab | oklab(85.064% 0.01588 0.10794) |
| OKLCH | oklch(85.064% 0.1091 81.628) |
| Display P3 | color(display-p3 0.92201 0.78677 0.51431) |
| Rec. 2020 | color(rec2020 0.86842 0.76677 0.47146) |
| Adobe RGB | color(a98-rgb 0.90232 0.77515 0.48495) |
| ProPhoto RGB | color(prophoto-rgb 0.81038 0.74697 0.45749) |
| Linear sRGB | color(srgb-linear 0.88792 0.57112 0.18782) |
| XYZ D65 | color(xyz-d65 0.60429 0.61082 0.26377) |
| XYZ D50 | color(xyz-d50 0.63404 0.61837 0.20193) |
| SwiftUI | Color(red: 0.949, green: 0.78, blue: 0.471) |
| UIKit | UIColor(red: 0.949, green: 0.78, blue: 0.471, alpha: 1) |
| Flutter / Compose | Color(0xFFF2C778) |
| Android XML | #F2C778 |

## Facts

- Closest name: Orange Chocolate
- 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.59:1
- Contrast with black: 13.22:1

## Tints

#f2c778, #f3cd87, #f5d395, #f6d8a3, #f8deb0, #f9e3be, #fae9cb, #fcefd8, #fdf4e5, #fefaf2

## Shades

#f2c778, #d2ad67, #b49357, #967a48, #796239, #5e4c2a, #43361d, #2b2110, #140e05, #030201

## Tones

#f2c778, #eec882, #ebc98c, #e7ca95, #e4ca9e, #e0cba6, #ddccae, #d9ccb6, #d5cdbe, #d1cdc6

## Harmonies

- Complementary: #f2c778, #accfff
- Split: #f2c778, #7fdbff, #cec2ff
- Analogous: #f2c778, #ffba8b, #d0d57f
- Triadic: #f2c778, #6ae3ec, #f0b6f9
- Tetradic: #f2c778, #a5e09d, #accfff, #f0b6f9
- Square: #f2c778, #7ce5c5, #accfff, #ffb0d6
- Monochromatic: #f2c778, #a47c29, #caa152, #fff1c0, #fff1c0

## Questions about #f2c778

### What color is #f2c778?

#f2c778 is pastel very light amber. The closest named color is Orange Chocolate. In RGB it is rgb(242, 199, 120), in HSL hsl(38.85, 82.43%, 70.98%) and in OKLCH oklch(85.064% 0.1091 81.628).

### What colors go well with #f2c778?

The complementary color of #f2c778 is #accfff. For a calmer combination use the analogous colors #ffba8b and #d0d57f. The triadic partners are #6ae3ec and #f0b6f9.

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

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

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

#f2c778 is a warm color. In OKLCH its hue is 82 degrees, its lightness 85.1% and its chroma 0.109.