# #fca366 color: Usukō

#fca366 is rgb(252, 163, 102) in RGB and oklch(79.228% 0.13081 54.086) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #fca366 |
| RGB | rgb(252, 163, 102) |
| HSL | hsl(24.4, 96.15%, 69.41%) |
| HSB / HSV | hsv(24.4 59.52% 98.82%) |
| HWB | hwb(24.4 40% 1.18%) |
| CMYK | cmyk(0% 35% 60% 1%) |
| Lab | lab(75.28 29.73 45.61) |
| LCH | lch(75.28 54.44 56.9) |
| OKLab | oklab(79.228% 0.07673 0.10594) |
| OKLCH | oklch(79.228% 0.13081 54.086) |
| Display P3 | color(display-p3 0.93845 0.65489 0.44187) |
| Rec. 2020 | color(rec2020 0.859 0.63309 0.39224) |
| Adobe RGB | color(a98-rgb 0.90376 0.63336 0.41229) |
| ProPhoto RGB | color(prophoto-rgb 0.7904 0.6171 0.37913) |
| Linear sRGB | color(srgb-linear 0.97345 0.36625 0.13287) |
| XYZ D65 | color(xyz-d65 0.55639 0.47852 0.18877) |
| XYZ D50 | color(xyz-d50 0.58456 0.4872 0.14399) |
| SwiftUI | Color(red: 0.988, green: 0.639, blue: 0.4) |
| UIKit | UIColor(red: 0.988, green: 0.639, blue: 0.4, alpha: 1) |
| Flutter / Compose | Color(0xFFFCA366) |
| Android XML | #FCA366 |

## 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: 1.99:1
- Contrast with black: 10.57:1

## Tints

#fca366, #fdad77, #feb687, #ffbf96, #ffc9a5, #ffd2b5, #ffdbc3, #ffe4d2, #ffede1, #fff6f0

## Shades

#fca366, #db8d58, #bb784a, #9c633c, #7e4f2f, #623c23, #472a17, #2d190c, #160a04, #030100

## Tones

#fca366, #f6a670, #f0a97a, #eaac83, #e4ae8c, #ddb194, #d7b39c, #d0b5a4, #c9b7ac, #c2b9b4

## Harmonies

- Complementary: #fca366, #57c8ff
- Split: #fca366, #20d3e2, #92baff
- Analogous: #fca366, #ff9892, #e3b44d
- Triadic: #fca366, #47d6b5, #c0aaff
- Tetradic: #fca366, #bac55b, #57c8ff, #c0aaff
- Square: #fca366, #85d184, #57c8ff, #e59eeb
- Monochromatic: #fca366, #ab5913, #d37d40, #ffd5b1, #ffeedb

## Questions about #fca366

### What color is #fca366?

#fca366 is bright light orange. The closest named color is Usukō. In RGB it is rgb(252, 163, 102), in HSL hsl(24.4, 96.15%, 69.41%) and in OKLCH oklch(79.228% 0.13081 54.086).

### What colors go well with #fca366?

The complementary color of #fca366 is #57c8ff. For a calmer combination use the analogous colors #ff9892 and #e3b44d. The triadic partners are #47d6b5 and #c0aaff.

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

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

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

#fca366 is a warm color. In OKLCH its hue is 54 degrees, its lightness 79.2% and its chroma 0.131.