Material Orange 600

Preview

Material Orange 600

#fb8c00

Overview

Family: Deep Orange

material

Accessibility on this swatch:

AAA

(8.85:1)

Contrast vs white: 2.37:1 · vs black: 8.85:1

Formats

HEX

#fb8c00

RGB

rgb(251, 140, 0)

RGBA

rgba(251, 140, 0, 1)

HSL

hsl(33, 100%, 49%)

HSV

hsv(33, 100%, 98%)

LAB

lab(68.95% 35.22 74.88)

LCH

lch(68.95% 82.75 64.81)

OKLAB

oklab(0.7453 0.0896 0.1513)

OKLCH

oklch(0.7453 0.1758 59.37)

XYZ

xyz(49.17, 39.27, 4.99)

CMYK

cmyk(0%, 44%, 100%, 2%)

CSS

color: #fb8c00;

CSS variable

--color-fb8c00: #fb8c00;

SCSS

$color-fb8c00: #fb8c00;

Tailwind

red-500

Export

Developer code

:root {
  --material-orange-600-1: #fb8c00;
}

Color psychology

Bold warmth and intensity. Strong for food, sports, and energetic identities.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Orange family.

Material Orange 600