# #f7a366 color: Brushed Orange

#f7a366 is rgb(247, 163, 102) in RGB and oklch(78.648% 0.12615 55.693) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #f7a366 |
| RGB | rgb(247, 163, 102) |
| HSL | hsl(25.24, 90.06%, 68.43%) |
| HSB / HSV | hsv(25.24 58.7% 96.86%) |
| HWB | hwb(25.24 40% 3.14%) |
| CMYK | cmyk(0% 34% 59% 3%) |
| Lab | lab(74.67 27.73 44.72) |
| LCH | lch(74.67 52.62 58.2) |
| OKLab | oklab(78.648% 0.0711 0.1042) |
| OKLCH | oklch(78.648% 0.12615 55.693) |
| Display P3 | color(display-p3 0.92119 0.65378 0.44093) |
| Rec. 2020 | color(rec2020 0.84293 0.63065 0.3913) |
| Adobe RGB | color(a98-rgb 0.88767 0.63336 0.41229) |
| ProPhoto RGB | color(prophoto-rgb 0.77489 0.6136 0.37825) |
| Linear sRGB | color(srgb-linear 0.93011 0.36625 0.13287) |
| XYZ D65 | color(xyz-d65 0.53852 0.4693 0.18793) |
| XYZ D50 | color(xyz-d50 0.56566 0.47756 0.14339) |
| SwiftUI | Color(red: 0.969, green: 0.639, blue: 0.4) |
| UIKit | UIColor(red: 0.969, green: 0.639, blue: 0.4, alpha: 1) |
| Flutter / Compose | Color(0xFFF7A366) |
| Android XML | #F7A366 |

## 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.02:1
- Contrast with black: 10.39:1

## Tints

#f7a366, #f9ad77, #fab687, #fbbf96, #fdc9a5, #fdd2b4, #fedbc3, #ffe4d2, #ffede1, #fff6f0

## Shades

#f7a366, #d78d58, #b7784a, #99633c, #7c4f2f, #603c23, #452a17, #2c190c, #150a04, #030100

## Tones

#f7a366, #f1a670, #eca879, #e6ab82, #e0ad8b, #dab093, #d4b29b, #cdb4a3, #c7b6aa, #c0b7b2

## Harmonies

- Complementary: #f7a366, #5ec6ff
- Split: #f7a366, #2fd0e1, #93b7ff
- Analogous: #f7a366, #ff988f, #deb350
- Triadic: #f7a366, #49d4b6, #c0a8ff
- Tetradic: #f7a366, #b6c35f, #5ec6ff, #c0a8ff
- Square: #f7a366, #82cf87, #5ec6ff, #e39ce5
- Monochromatic: #f7a366, #a75914, #ce7e40, #ffd2ab, #ffeeda

## Questions about #f7a366

### What color is #f7a366?

#f7a366 is bright light orange. The closest named color is Brushed Orange. In RGB it is rgb(247, 163, 102), in HSL hsl(25.24, 90.06%, 68.43%) and in OKLCH oklch(78.648% 0.12615 55.693).

### What colors go well with #f7a366?

The complementary color of #f7a366 is #5ec6ff. For a calmer combination use the analogous colors #ff988f and #deb350. The triadic partners are #49d4b6 and #c0a8ff.

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

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

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

#f7a366 is a warm color. In OKLCH its hue is 56 degrees, its lightness 78.6% and its chroma 0.126.