# #f2b167 color: Barrel

#f2b167 is rgb(242, 177, 103) in RGB and oklch(80.641% 0.11858 68.345) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #f2b167 |
| RGB | rgb(242, 177, 103) |
| HSL | hsl(31.94, 84.24%, 67.65%) |
| HSB / HSV | hsv(31.94 57.44% 94.9%) |
| HWB | hwb(31.94 40.39% 5.1%) |
| CMYK | cmyk(0% 27% 57% 5%) |
| Lab | lab(77.34 18.75 47.15) |
| LCH | lch(77.34 50.75 68.31) |
| OKLab | oklab(80.641% 0.04376 0.11021) |
| OKLCH | oklch(80.641% 0.11858 68.345) |
| Display P3 | color(display-p3 0.91049 0.70458 0.44982) |
| Rec. 2020 | color(rec2020 0.84163 0.68122 0.40209) |
| Adobe RGB | color(a98-rgb 0.8828 0.68821 0.41967) |
| ProPhoto RGB | color(prophoto-rgb 0.77646 0.66143 0.39057) |
| Linear sRGB | color(srgb-linear 0.88792 0.43966 0.13563) |
| XYZ D65 | color(xyz-d65 0.54787 0.51303 0.19849) |
| XYZ D50 | color(xyz-d50 0.57593 0.52096 0.1519) |
| SwiftUI | Color(red: 0.949, green: 0.694, blue: 0.404) |
| UIKit | UIColor(red: 0.949, green: 0.694, blue: 0.404, alpha: 1) |
| Flutter / Compose | Color(0xFFF2B167) |
| Android XML | #F2B167 |

## 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.86:1
- Contrast with black: 11.26:1

## Tints

#f2b167, #f4b978, #f6c188, #f7c997, #f9d1a7, #fad9b6, #fbe0c4, #fce8d3, #fdf0e2, #fef7f0

## Shades

#f2b167, #d29959, #b4834b, #966c3d, #795730, #5e4223, #432f17, #2b1c0c, #140c04, #030100

## Tones

#f2b167, #edb372, #e9b57c, #e4b685, #dfb88e, #dab997, #d5bba0, #d0bca8, #cabdb0, #c5beb8

## Harmonies

- Complementary: #f2b167, #80c6ff
- Split: #f2b167, #54d2f3, #aeb8ff
- Analogous: #f2b167, #ffa487, #d4c161
- Triadic: #f2b167, #4ed8ce, #d5abfb
- Tetradic: #f2b167, #a9cf7a, #80c6ff, #d5abfb
- Square: #f2b167, #77d7a3, #80c6ff, #f2a1da
- Monochromatic: #f2b167, #a36711, #ca8b40, #ffddaa, #ffefd0

## Questions about #f2b167

### What color is #f2b167?

#f2b167 is bright light amber. The closest named color is Barrel. In RGB it is rgb(242, 177, 103), in HSL hsl(31.94, 84.24%, 67.65%) and in OKLCH oklch(80.641% 0.11858 68.345).

### What colors go well with #f2b167?

The complementary color of #f2b167 is #80c6ff. For a calmer combination use the analogous colors #ffa487 and #d4c161. The triadic partners are #4ed8ce and #d5abfb.

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

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

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

#f2b167 is a warm color. In OKLCH its hue is 68 degrees, its lightness 80.6% and its chroma 0.119.