Chakra orange 500

Preview

Chakra orange 500

#ed8936

Overview

Family: Deep Orange

chakra

Accessibility on this swatch:

AAA

(8.23:1)

Contrast vs white: 2.55:1 · vs black: 8.23:1

Formats

HEX

#ed8936

RGB

rgb(237, 137, 54)

RGBA

rgba(237, 137, 54, 1)

HSL

hsl(27, 84%, 57%)

HSV

hsv(27, 77%, 93%)

LAB

lab(66.65% 32.13 58.3)

LCH

lch(66.65% 66.57 61.14)

OKLAB

oklab(0.7244 0.0856 0.1273)

OKLCH

oklch(0.7244 0.1534 56.08)

XYZ

xyz(44.54, 36.17, 8.12)

CMYK

cmyk(0%, 42%, 77%, 7%)

CSS

color: #ed8936;

CSS variable

--color-ed8936: #ed8936;

SCSS

$color-ed8936: #ed8936;

Tailwind

red-400

Export

Developer code

:root {
  --chakra-orange-500-1: #ed8936;
}

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.

Chakra orange 500