# #ffa500 color: Orange

#ffa500 is rgb(255, 165, 0) in RGB and oklch(79.269% 0.17103 70.67) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #ffa500 |
| RGB | rgb(255, 165, 0) |
| HSL | hsl(38.82, 100%, 50%) |
| HSB / HSV | hsv(38.82 100% 100%) |
| HWB | hwb(38.82 0% 0%) |
| CMYK | cmyk(0% 35% 100% 0%) |
| Lab | lab(75.59 27.52 79.12) |
| LCH | lch(75.59 83.77 70.82) |
| OKLab | oklab(79.269% 0.05661 0.16138) |
| OKLCH | oklch(79.269% 0.17103 70.67) |
| Display P3 | color(display-p3 0.94965 0.6629 0.23297) |
| Rec. 2020 | color(rec2020 0.86727 0.64078 0.18496) |
| Adobe RGB | color(a98-rgb 0.91489 0.64117 0.15031) |
| ProPhoto RGB | color(prophoto-rgb 0.78951 0.62329 0.21172) |
| Linear sRGB | color(srgb-linear 1 0.37626 0) |
| XYZ D65 | color(xyz-d65 0.54694 0.48173 0.06418) |
| XYZ D50 | color(xyz-d50 0.58098 0.49223 0.05045) |
| SwiftUI | Color(red: 1, green: 0.647, blue: 0) |
| UIKit | UIColor(red: 1, green: 0.647, blue: 0, alpha: 1) |
| Flutter / Compose | Color(0xFFFFA500) |
| Android XML | #FFA500 |

## Facts

- Closest name: Orange
- Hue family: Amber, bright light amber
- Closest Tailwind class: amber-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.97:1
- Contrast with black: 10.63:1

## Tints

#ffa500, #ffaf3e, #ffb85c, #ffc274, #ffcb8a, #ffd49f, #ffddb2, #ffe5c6, #ffeed9, #fff7ec

## Shades

#ffa500, #de8f00, #be7900, #9e6500, #805100, #633d00, #482b00, #2e1a00, #160a00, #030100

## Tones

#ffa500, #f9a835, #f2ab4d, #ecae60, #e5b070, #dfb27e, #d8b48b, #d1b698, #cab8a4, #c3bab0

## Harmonies

- Complementary: #ffa500, #78c1ff
- Split: #ffa500, #00d2ff, #acb1ff
- Analogous: #ffa500, #ff986e, #d4bd00
- Triadic: #ffa500, #00dad3, #de99ff
- Tetradic: #ffa500, #95d150, #78c1ff, #de99ff
- Square: #ffa500, #23dc96, #78c1ff, #ff8cdc
- Monochromatic: #ffa500, #a46000, #d48000, #ffd799, #fff0ce

## Questions about #ffa500

### What color is #ffa500?

#ffa500 is bright light amber. The closest named color is Orange. In RGB it is rgb(255, 165, 0), in HSL hsl(38.82, 100%, 50%) and in OKLCH oklch(79.269% 0.17103 70.67).

### What colors go well with #ffa500?

The complementary color of #ffa500 is #78c1ff. For a calmer combination use the analogous colors #ff986e and #d4bd00. The triadic partners are #00dad3 and #de99ff.

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

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

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

#ffa500 is a warm color. In OKLCH its hue is 71 degrees, its lightness 79.3% and its chroma 0.171.