Orange in OKLCH

Orange is the pure, warm CSS named color #FFA500. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.

OKLCHoklch(79.3% 0.171 70.7)

HEX#FFA500

RGBrgb(255 165 0)

sRGB: in gamutDisplay-P3: in gamut

#FFA500

oklch(79.3% 0.171 70.7)

Lightness79.3%

Chroma0.171

Hue70.7°

sRGB: in gamutDisplay-P3: in gamut

Values

OKLCH

oklch(79.3% 0.171 70.7)

HEX

#FFA500

RGB

rgb(255 165 0)

Set from hex

Contrast (this color as text)

Aa on whiteWCAG 1.97:1

AA ✗AAA ✗

APCA Lc 38

Aa on blackWCAG 10.63:1

AA ✓AAA ✓

APCA Lc 65

Tonal palette

Tailwind steps · same hue

Export

Name

@theme {
  --color-brand-50: oklch(97.0% 0.117 70.7);
  --color-brand-100: oklch(94.0% 0.122 70.7);
  --color-brand-200: oklch(88.0% 0.131 70.7);
  --color-brand-300: oklch(80.0% 0.143 70.7);
  --color-brand-400: oklch(70.0% 0.159 70.7);
  --color-brand-500: oklch(62.0% 0.171 70.7);
  --color-brand-600: oklch(54.0% 0.159 70.7);
  --color-brand-700: oklch(46.0% 0.146 70.7);
  --color-brand-800: oklch(38.0% 0.134 70.7);
  --color-brand-900: oklch(30.0% 0.122 70.7);
  --color-brand-950: oklch(22.0% 0.109 70.7);
}

About orange

Orange is a bright, high-energy warm color that signals enthusiasm and affordability, which is why it anchors so many retail and playful brands. It carries high lightness and strong chroma, so the tonal scale darkens it cleanly toward amber and burnt orange for shadows. Keep the hue fixed and vary lightness for a full orange ramp, then copy the OKLCH, HEX or RGB value.

Orange in CSS: oklch(79.3% 0.171 70.7) · #ffa500 · rgb(255 165 0)

Frequently Asked Questions

Orange is the CSS named color #FFA500. Its OKLCH value is shown in the readout above; copy it in one click or adjust the L/C/H sliders.

Orange is rgb(255, 165, 0). The RGB, HEX (#FFA500) and OKLCH values are all shown in the readouts above and can be copied individually.

Other colors in OKLCH

Rebecca Purple Coral Crimson Teal Hot Pink Gold

Back to the full OKLCH Color Picker