# #f2af65 color: Barrel

#f2af65 is rgb(242, 175, 101) in RGB and oklch(80.244% 0.12011 67.386) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #f2af65 |
| RGB | rgb(242, 175, 101) |
| HSL | hsl(31.49, 84.43%, 67.25%) |
| HSB / HSV | hsv(31.49 58.26% 94.9%) |
| HWB | hwb(31.49 39.61% 5.1%) |
| CMYK | cmyk(0% 28% 58% 5%) |
| Lab | lab(76.85 19.65 47.56) |
| LCH | lch(76.85 51.46 67.55) |
| OKLab | oklab(80.244% 0.04618 0.11087) |
| OKLCH | oklch(80.244% 0.12011 67.386) |
| Display P3 | color(display-p3 0.90952 0.69715 0.44259) |
| Rec. 2020 | color(rec2020 0.83932 0.67354 0.39441) |
| Adobe RGB | color(a98-rgb 0.88115 0.68035 0.41222) |
| ProPhoto RGB | color(prophoto-rgb 0.77346 0.65386 0.38339) |
| Linear sRGB | color(srgb-linear 0.88792 0.42869 0.13014) |
| XYZ D65 | color(xyz-d65 0.54295 0.50479 0.19196) |
| XYZ D50 | color(xyz-d50 0.57092 0.51277 0.14691) |
| SwiftUI | Color(red: 0.949, green: 0.686, blue: 0.396) |
| UIKit | UIColor(red: 0.949, green: 0.686, blue: 0.396, alpha: 1) |
| Flutter / Compose | Color(0xFFF2AF65) |
| Android XML | #F2AF65 |

## Facts

- Closest name: Barrel
- Hue family: Amber, bright light amber
- Closest Tailwind class: orange-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.89:1
- Contrast with black: 11.1:1

## Tints

#f2af65, #f4b776, #f6bf86, #f7c896, #f9d0a5, #fad8b5, #fbe0c4, #fce7d3, #fdefe1, #fef7f0

## Shades

#f2af65, #d29857, #b48149, #966b3c, #79562f, #5e4122, #432e17, #2b1c0c, #140b03, #030100

## Tones

#f2af65, #edb170, #e8b37a, #e3b584, #deb68d, #d9b896, #d4b99e, #cfbba6, #c9bcaf, #c4bdb6

## Harmonies

- Complementary: #f2af65, #7cc5ff
- Split: #f2af65, #4fd1f1, #abb7ff
- Analogous: #f2af65, #ffa286, #d4bf5e
- Triadic: #f2af65, #4ad7cc, #d3a9fb
- Tetradic: #f2af65, #a9cd77, #7cc5ff, #d3a9fb
- Square: #f2af65, #77d6a0, #7cc5ff, #f0a0da
- Monochromatic: #f2af65, #a3650d, #ca893e, #ffdba8, #ffefd1

## Questions about #f2af65

### What color is #f2af65?

#f2af65 is bright light amber. The closest named color is Barrel. In RGB it is rgb(242, 175, 101), in HSL hsl(31.49, 84.43%, 67.25%) and in OKLCH oklch(80.244% 0.12011 67.386).

### What colors go well with #f2af65?

The complementary color of #f2af65 is #7cc5ff. For a calmer combination use the analogous colors #ffa286 and #d4bf5e. The triadic partners are #4ad7cc and #d3a9fb.

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

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

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

#f2af65 is a warm color. In OKLCH its hue is 67 degrees, its lightness 80.2% and its chroma 0.12.