# Tangerine color: #f28500

#f28500 is rgb(242, 133, 0) in RGB and oklch(72.21% 0.17194 58.498) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/colors/tangerine

## Formats

| Format | Value |
| --- | --- |
| HEX | #f28500 |
| RGB | rgb(242, 133, 0) |
| HSL | hsl(32.98, 100%, 47.45%) |
| HSB / HSV | hsv(32.98 100% 94.9%) |
| HWB | hwb(32.98 0% 5.1%) |
| CMYK | cmyk(0% 45% 100% 5%) |
| Lab | lab(66.95 38.02 73.18) |
| LCH | lch(66.95 82.47 62.55) |
| OKLab | oklab(72.21% 0.08984 0.1466) |
| OKLCH | oklch(72.21% 0.17194 58.498) |
| Display P3 | color(display-p3 0.89213 0.54321 0.19691) |
| Rec. 2020 | color(rec2020 0.79638 0.51766 0.14451) |
| Adobe RGB | color(a98-rgb 0.85128 0.51718 0.12124) |
| ProPhoto RGB | color(prophoto-rgb 0.7155 0.50486 0.17316) |
| Linear sRGB | color(srgb-linear 0.88792 0.23455 0) |
| XYZ D65 | color(xyz-d65 0.45004 0.35655 0.04512) |
| XYZ D50 | color(xyz-d50 0.47753 0.3657 0.03513) |
| SwiftUI | Color(red: 0.949, green: 0.522, blue: 0) |
| UIKit | UIColor(red: 0.949, green: 0.522, blue: 0, alpha: 1) |
| Flutter / Compose | Color(0xFFF28500) |
| Android XML | #F28500 |

## Facts

- Closest name: Tangerine
- Hue family: Orange, bright light orange
- Closest Tailwind class: orange-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.58:1
- Contrast with black: 8.13:1

## Tints

#f28500, #f59239, #f79f56, #f9ac6e, #fbb884, #fdc499, #fed0ae, #ffdcc2, #ffe8d7, #fff3eb

## Shades

#f28500, #d27300, #b46100, #965000, #794000, #5e3000, #432100, #2b1300, #140600, #030100

## Tones

#f28500, #eb892e, #e48e43, #dd9153, #d69562, #ce986e, #c69b7a, #bf9e86, #b6a190, #aea39b

## Harmonies

- Complementary: #f28500, #00b1ff
- Split: #f28500, #00bdd5, #7a9eff
- Analogous: #f28500, #ff7465, #d09d00
- Triadic: #f28500, #00c3a6, #b489ff
- Tetradic: #f28500, #9cb300, #00b1ff, #b489ff
- Square: #f28500, #45c264, #00b1ff, #de7ada
- Monochromatic: #f28500, #944500, #c66100, #ffb56f, #ffebd2

## Questions about Tangerine

### What is the hex code for Tangerine?

The hex code for Tangerine is #f28500. In RGB it is rgb(242, 133, 0), in HSL hsl(32.98, 100%, 47.45%) and in OKLCH oklch(72.21% 0.17194 58.498).

### What colors go well with Tangerine?

Its complementary color is #00b1ff. For a calmer look, pair it with the analogous colors #ff7465 and #d09d00. Ready palettes with Tangerine are shown on this page.

### Is Tangerine a warm or cool color?

Tangerine is a warm color with an OKLCH hue of 58 degrees.

### What text color is readable on Tangerine?

Black text is more readable on Tangerine: white gives a contrast ratio of 2.58:1 and black gives 8.13:1. WCAG AA asks for at least 4.5:1 for body text.