# #faa366 color: Usukō

#faa366 is rgb(250, 163, 102) in RGB and oklch(78.995% 0.12893 54.713) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #faa366 |
| RGB | rgb(250, 163, 102) |
| HSL | hsl(24.73, 93.67%, 69.02%) |
| HSB / HSV | hsv(24.73 59.2% 98.04%) |
| HWB | hwb(24.73 40% 1.96%) |
| CMYK | cmyk(0% 35% 59% 2%) |
| Lab | lab(75.03 28.93 45.25) |
| LCH | lch(75.03 53.71 57.41) |
| OKLab | oklab(78.995% 0.07448 0.10525) |
| OKLCH | oklch(78.995% 0.12893 54.713) |
| Display P3 | color(display-p3 0.93154 0.65444 0.44149) |
| Rec. 2020 | color(rec2020 0.85256 0.6321 0.39186) |
| Adobe RGB | color(a98-rgb 0.89731 0.63336 0.41229) |
| ProPhoto RGB | color(prophoto-rgb 0.78418 0.61569 0.37878) |
| Linear sRGB | color(srgb-linear 0.95597 0.36625 0.13287) |
| XYZ D65 | color(xyz-d65 0.54918 0.4748 0.18843) |
| XYZ D50 | color(xyz-d50 0.57694 0.48331 0.14375) |
| SwiftUI | Color(red: 0.98, green: 0.639, blue: 0.4) |
| UIKit | UIColor(red: 0.98, green: 0.639, blue: 0.4, alpha: 1) |
| Flutter / Compose | Color(0xFFFAA366) |
| Android XML | #FAA366 |

## Facts

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

## Tints

#faa366, #fbad77, #fdb687, #febf96, #ffc9a5, #ffd2b4, #ffdbc3, #ffe4d2, #ffede1, #fff6f0

## Shades

#faa366, #d98d58, #ba784a, #9b633c, #7d4f2f, #613c23, #462a17, #2d190c, #150a04, #030100

## Tones

#faa366, #f4a670, #eea97a, #e8ab83, #e2ae8b, #dcb094, #d6b29c, #cfb5a4, #c8b7ab, #c1b9b3

## Harmonies

- Complementary: #faa366, #5ac7ff
- Split: #faa366, #27d2e1, #92b9ff
- Analogous: #faa366, #ff9891, #e1b34e
- Triadic: #faa366, #48d5b5, #c0a9ff
- Tetradic: #faa366, #b8c45d, #5ac7ff, #c0a9ff
- Square: #faa366, #84d086, #5ac7ff, #e49de8
- Monochromatic: #faa366, #a95913, #d17d40, #ffd4af, #ffeeda

## Questions about #faa366

### What color is #faa366?

#faa366 is bright light orange. The closest named color is Usukō. In RGB it is rgb(250, 163, 102), in HSL hsl(24.73, 93.67%, 69.02%) and in OKLCH oklch(78.995% 0.12893 54.713).

### What colors go well with #faa366?

The complementary color of #faa366 is #5ac7ff. For a calmer combination use the analogous colors #ff9891 and #e1b34e. The triadic partners are #48d5b5 and #c0a9ff.

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

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

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

#faa366 is a warm color. In OKLCH its hue is 55 degrees, its lightness 79% and its chroma 0.129.