Chakra orange 600

Preview

Chakra orange 600

#dd6b20

Overview

Family: Deep Orange

chakra

Accessibility on this swatch:

(6.2:1)

Contrast vs white: 3.39:1 · vs black: 6.2:1

Formats

HEX

#dd6b20

RGB

rgb(221, 107, 32)

RGBA

rgba(221, 107, 32, 1)

HSL

hsl(24, 75%, 50%)

HSV

hsv(24, 86%, 87%)

LAB

lab(58.03% 40.43 58.38)

LCH

lch(58.03% 71.01 55.3)

OKLAB

oklab(0.6533 0.1087 0.1225)

OKLCH

oklch(0.6533 0.1638 48.42)

XYZ

xyz(35.34, 26.00, 4.52)

CMYK

cmyk(0%, 52%, 86%, 13%)

CSS

color: #dd6b20;

CSS variable

--color-dd6b20: #dd6b20;

SCSS

$color-dd6b20: #dd6b20;

Tailwind

red-500

Export

Developer code

:root {
  --chakra-orange-600-1: #dd6b20;
}

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 600