# #f3a153 color: Troll Slayer Orange

#f3a153 is rgb(243, 161, 83) in RGB and oklch(77.593% 0.13499 62.054) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #f3a153 |
| RGB | rgb(243, 161, 83) |
| HSL | hsl(29.25, 86.96%, 63.92%) |
| HSB / HSV | hsv(29.25 65.84% 95.29%) |
| HWB | hwb(29.25 32.55% 4.71%) |
| CMYK | cmyk(0% 34% 66% 5%) |
| Lab | lab(73.56 26.23 52.59) |
| LCH | lch(73.56 58.77 63.49) |
| OKLab | oklab(77.593% 0.06326 0.11925) |
| OKLCH | oklch(77.593% 0.13499 62.054) |
| Display P3 | color(display-p3 0.90654 0.64555 0.3809) |
| Rec. 2020 | color(rec2020 0.82695 0.62084 0.32966) |
| Adobe RGB | color(a98-rgb 0.87337 0.62555 0.34715) |
| ProPhoto RGB | color(prophoto-rgb 0.75585 0.60265 0.32455) |
| Linear sRGB | color(srgb-linear 0.89627 0.3564 0.0865) |
| XYZ D65 | color(xyz-d65 0.51267 0.45171 0.14203) |
| XYZ D50 | color(xyz-d50 0.54048 0.46016 0.10885) |
| SwiftUI | Color(red: 0.953, green: 0.631, blue: 0.325) |
| UIKit | UIColor(red: 0.953, green: 0.631, blue: 0.325, alpha: 1) |
| Flutter / Compose | Color(0xFFF3A153) |
| Android XML | #F3A153 |

## Facts

- Closest name: Troll Slayer Orange
- Hue family: Amber, bright light amber
- Closest Tailwind class: orange-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.09:1
- Contrast with black: 10.03:1

## Tints

#f3a153, #f5ab67, #f7b479, #f9be8b, #fac79c, #fbd1ad, #fcdabd, #fde3ce, #feedde, #fff6ef

## Shades

#f3a153, #d38b47, #b4763b, #976230, #7a4e25, #5e3c1b, #442a11, #2b1908, #140902, #030100

## Tones

#f3a153, #eda460, #e8a66b, #e2a976, #dcab80, #d6ad8a, #d0af93, #cab19c, #c3b3a5, #bdb4ae

## Harmonies

- Complementary: #f3a153, #5ec0ff
- Split: #f3a153, #03cce8, #98b0ff
- Analogous: #f3a153, #ff947f, #d5b341
- Triadic: #f3a153, #1dd2bd, #c6a0fe
- Tetradic: #f3a153, #a8c45b, #5ec0ff, #c6a0fe
- Square: #f3a153, #6dcf8b, #5ec0ff, #e895dc
- Monochromatic: #f3a153, #a35700, #ca7c28, #ffcf99, #ffefd5

## Questions about #f3a153

### What color is #f3a153?

#f3a153 is bright light amber. The closest named color is Troll Slayer Orange. In RGB it is rgb(243, 161, 83), in HSL hsl(29.25, 86.96%, 63.92%) and in OKLCH oklch(77.593% 0.13499 62.054).

### What colors go well with #f3a153?

The complementary color of #f3a153 is #5ec0ff. For a calmer combination use the analogous colors #ff947f and #d5b341. The triadic partners are #1dd2bd and #c6a0fe.

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

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

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

#f3a153 is a warm color. In OKLCH its hue is 62 degrees, its lightness 77.6% and its chroma 0.135.