# #f8a167 color: Brushed Orange

#f8a167 is rgb(248, 161, 103) in RGB and oklch(78.427% 0.12732 53.496) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #f8a167 |
| RGB | rgb(248, 161, 103) |
| HSL | hsl(24, 91.19%, 68.82%) |
| HSB / HSV | hsv(24 58.47% 97.25%) |
| HWB | hwb(24 40.39% 2.75%) |
| CMYK | cmyk(0% 35% 58% 3%) |
| Lab | lab(74.35 29.18 43.88) |
| LCH | lch(74.35 52.7 56.37) |
| OKLab | oklab(78.427% 0.07574 0.10234) |
| OKLCH | oklch(78.427% 0.12732 53.496) |
| Display P3 | color(display-p3 0.92379 0.64664 0.44339) |
| Rec. 2020 | color(rec2020 0.84428 0.62372 0.39361) |
| Adobe RGB | color(a98-rgb 0.88942 0.62555 0.41523) |
| ProPhoto RGB | color(prophoto-rgb 0.77603 0.60727 0.37992) |
| Linear sRGB | color(srgb-linear 0.93869 0.3564 0.13563) |
| XYZ D65 | color(xyz-d65 0.53903 0.46428 0.18955) |
| XYZ D50 | color(xyz-d50 0.566 0.47257 0.14453) |
| SwiftUI | Color(red: 0.973, green: 0.631, blue: 0.404) |
| UIKit | UIColor(red: 0.973, green: 0.631, blue: 0.404, alpha: 1) |
| Flutter / Compose | Color(0xFFF8A167) |
| Android XML | #F8A167 |

## Facts

- Closest name: Brushed Orange
- Hue family: Orange, bright light orange
- Closest Tailwind class: orange-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.04:1
- Contrast with black: 10.29:1

## Tints

#f8a167, #faab77, #fbb487, #fcbe97, #fdc7a6, #fed1b5, #ffdac4, #ffe3d2, #ffede1, #fff6f0

## Shades

#f8a167, #d88b59, #b8764b, #9a623d, #7c4e30, #603c23, #452a17, #2c190c, #150904, #030100

## Tones

#f8a167, #f2a471, #eca77a, #e6a982, #e0ac8b, #daae93, #d4b19b, #cdb3a2, #c7b5aa, #c0b7b1

## Harmonies

- Complementary: #f8a167, #57c6fd
- Split: #f8a167, #28d0dd, #8eb7ff
- Analogous: #f8a167, #ff9791, #e0b14e
- Triadic: #f8a167, #4ad3b2, #bda8ff
- Tetradic: #f8a167, #b8c15b, #57c6fd, #bda8ff
- Square: #f8a167, #85ce83, #57c6fd, #e09ce7
- Monochromatic: #f8a167, #a75716, #cf7c41, #ffd1ac, #ffeedb

## Questions about #f8a167

### What color is #f8a167?

#f8a167 is bright light orange. The closest named color is Brushed Orange. In RGB it is rgb(248, 161, 103), in HSL hsl(24, 91.19%, 68.82%) and in OKLCH oklch(78.427% 0.12732 53.496).

### What colors go well with #f8a167?

The complementary color of #f8a167 is #57c6fd. For a calmer combination use the analogous colors #ff9791 and #e0b14e. The triadic partners are #4ad3b2 and #bda8ff.

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

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

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

#f8a167 is a warm color. In OKLCH its hue is 53 degrees, its lightness 78.4% and its chroma 0.127.