Material Orange 800

Preview

Material Orange 800

#ef6c00

Overview

Family: Deep Orange

material

Accessibility on this swatch:

(6.82:1)

Contrast vs white: 3.08:1 · vs black: 6.82:1

Formats

HEX

#ef6c00

RGB

rgb(239, 108, 0)

RGBA

rgba(239, 108, 0, 1)

HSL

hsl(27, 100%, 47%)

HSV

hsv(27, 100%, 94%)

LAB

lab(60.85% 46.41 69.18)

LCH

lch(60.85% 83.31 56.14)

OKLAB

oklab(0.6799 0.1233 0.1376)

OKLCH

oklch(0.6799 0.1848 48.14)

XYZ

xyz(40.96, 29.08, 3.46)

CMYK

cmyk(0%, 55%, 100%, 6%)

CSS

color: #ef6c00;

CSS variable

--color-ef6c00: #ef6c00;

SCSS

$color-ef6c00: #ef6c00;

Tailwind

red-500

Export

Developer code

:root {
  --material-orange-800-1: #ef6c00;
}

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 800