# #fca263 color: Orange Spice

#fca263 is rgb(252, 162, 99) in RGB and oklch(79.014% 0.133 54.492) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #fca263 |
| RGB | rgb(252, 162, 99) |
| HSL | hsl(24.71, 96.23%, 68.82%) |
| HSB / HSV | hsv(24.71 60.71% 98.82%) |
| HWB | hwb(24.71 38.82% 1.18%) |
| CMYK | cmyk(0% 36% 61% 1%) |
| Lab | lab(75.02 30.08 46.82) |
| LCH | lch(75.02 55.65 57.28) |
| OKLab | oklab(79.014% 0.07725 0.10827) |
| OKLCH | oklch(79.014% 0.133 54.492) |
| Display P3 | color(display-p3 0.93803 0.65121 0.43198) |
| Rec. 2020 | color(rec2020 0.85784 0.6293 0.38194) |
| Adobe RGB | color(a98-rgb 0.90303 0.62945 0.40164) |
| ProPhoto RGB | color(prophoto-rgb 0.78854 0.61337 0.36988) |
| Linear sRGB | color(srgb-linear 0.97345 0.36131 0.12477) |
| XYZ D65 | color(xyz-d65 0.55316 0.4744 0.18048) |
| XYZ D50 | color(xyz-d50 0.5815 0.48316 0.13773) |
| SwiftUI | Color(red: 0.988, green: 0.635, blue: 0.388) |
| UIKit | UIColor(red: 0.988, green: 0.635, blue: 0.388, alpha: 1) |
| Flutter / Compose | Color(0xFFFCA263) |
| Android XML | #FCA263 |

## Facts

- Closest name: Orange Spice
- 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.49:1

## Tints

#fca263, #fdac74, #feb585, #ffbf94, #ffc8a4, #ffd1b3, #ffdbc2, #ffe4d2, #ffede1, #fff6f0

## Shades

#fca263, #db8c55, #bb7747, #9c633a, #7e4f2e, #623c21, #472a16, #2d190b, #160a03, #030100

## Tones

#fca263, #f6a56e, #f0a878, #eaab81, #e4ad8a, #ddb092, #d7b29b, #d0b4a3, #c9b7ab, #c2b9b3

## Harmonies

- Complementary: #fca263, #54c8ff
- Split: #fca263, #12d3e2, #92b9ff
- Analogous: #fca263, #ff9790, #e2b349
- Triadic: #fca263, #41d6b5, #c0a9ff
- Tetradic: #fca263, #b9c458, #54c8ff, #c0a9ff
- Square: #fca263, #82d183, #54c8ff, #e59cea
- Monochromatic: #fca263, #ab580b, #d37c3c, #ffd4af, #ffeeda

## Questions about #fca263

### What color is #fca263?

#fca263 is bright light orange. The closest named color is Orange Spice. In RGB it is rgb(252, 162, 99), in HSL hsl(24.71, 96.23%, 68.82%) and in OKLCH oklch(79.014% 0.133 54.492).

### What colors go well with #fca263?

The complementary color of #fca263 is #54c8ff. For a calmer combination use the analogous colors #ff9790 and #e2b349. The triadic partners are #41d6b5 and #c0a9ff.

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

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

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

#fca263 is a warm color. In OKLCH its hue is 54 degrees, its lightness 79% and its chroma 0.133.