Material Orange 900

Preview

Material Orange 900

#e65100

Overview

Family: Deep Orange

material

Accessibility on this swatch:

(5.54:1)

Contrast vs white: 3.79:1 · vs black: 5.54:1

Formats

HEX

#e65100

RGB

rgb(230, 81, 0)

RGBA

rgba(230, 81, 0, 1)

HSL

hsl(21, 100%, 45%)

HSV

hsv(21, 100%, 90%)

LAB

lab(54.78% 55.28 65.1)

LCH

lch(54.78% 85.4 49.66)

OKLAB

oklab(0.631 0.1504 0.1273)

OKLCH

oklch(0.631 0.197 40.24)

XYZ

xyz(35.58, 22.71, 2.51)

CMYK

cmyk(0%, 65%, 100%, 10%)

CSS

color: #e65100;

CSS variable

--color-e65100: #e65100;

SCSS

$color-e65100: #e65100;

Tailwind

red-500

Export

Developer code

:root {
  --material-orange-900-1: #e65100;
}

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 900