Chakra orange 400

Preview

Chakra orange 400

#f6ad55

Overview

Family: Deep Orange

chakra

Accessibility on this swatch:

AAA

(11.03:1)

Contrast vs white: 1.9:1 · vs black: 11.03:1

Formats

HEX

#f6ad55

RGB

rgb(246, 173, 85)

RGBA

rgba(246, 173, 85, 1)

HSL

hsl(33, 90%, 65%)

HSV

hsv(33, 65%, 96%)

LAB

lab(76.16% 18.4 54.7)

LCH

lch(76.16% 57.71 71.41)

OKLAB

oklab(0.8012 0.0486 0.1252)

OKLCH

oklch(0.8012 0.1343 68.78)

XYZ

xyz(54.59, 50.14, 15.40)

CMYK

cmyk(0%, 30%, 65%, 4%)

CSS

color: #f6ad55;

CSS variable

--color-f6ad55: #f6ad55;

SCSS

$color-f6ad55: #f6ad55;

Tailwind

red-300

Export

Developer code

:root {
  --chakra-orange-400-1: #f6ad55;
}

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 400