Colore con nome · #EE9941
Sacral Chakra
Sacral Chakra è #EE9941: rgb(238 153 65), hsl(31 84% 59%), oklch(0.754 0.143 63.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Sacral Chakra color name →
#EE9941
oklch(0.754 0.143 63.1)
Conversioni di colore
- HEX
- #ee9941
- RGB
- rgb(238 153 65)
- HSL
- hsl(31 84% 59%)
- HWB
- hwb(31 25% 7%)
- OKLCH
- oklch(0.754 0.143 63.1)
- OKLab
- oklab(0.754 0.065 0.128)
- CIE Lab
- lab(70.99 27.54 57.89)
- LCH
- lch(70.99 64.11 64.6)
- CMYK
- cmyk(0% 36% 73% 7%)
Tinte · Ombre · Toni
Tinte
- F1A459
- F3AE6E
- F5B981
- F7C394
- F9CDA6
- FBD7B8
- FCE1CA
- FDEBDC
- FEF5ED
Ombre
- CF8437
- B1702E
- 935D25
- 774A1C
- 5C3813
- 42270B
- 2A1705
- 140801
- 030100
Toni
- E3974C
- D89555
- CD935C
- C29063
- B78E69
- AC8B6E
- A18973
- 968678
- 8B837C
Armonie di colore
Complementare +180°
- EE9941
Sacral Chakra
- 56B8FF
≈ Hello Summer
Analogo -30° +30°
- EE9941
Sacral Chakra
- FC8B72
≈ Miami Coral
- CEAC2A
≈ Grass Daisy
Triadico +120° +240°
- EE9941
Sacral Chakra
- 00CAB7
≈ Pristine Oceanic
- C297F9
≈ Baby Purple
Complementare divisa +150° +210°
- EE9941
Sacral Chakra
- 00C4E1
≈ Caribbean Blue
- 95A9FF
≈ Widowmaker
Tetradico +90° +180° +270°
- EE9941
Sacral Chakra
- 5CC983
≈ Paris Green
- 56B8FF
≈ Hello Summer
- E48BD6
≈ Blushed Bombshell
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.26:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.26:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.26:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--sacral-chakra: #ee9941;
--sacral-chakra-rgb: 238 153 65;
--sacral-chakra-oklch: oklch(0.754 0.143 63.1);
}
.element {
color: var(--sacral-chakra);
background-color: hsl(31 84% 59%);
border-color: oklch(0.754 0.143 63.1);
}Tailwind CSS v4
@theme {
--color-sacral-chakra: #ee9941;
--color-sacral-chakra-50: #ffeecb;
--color-sacral-chakra-100: #ffdfb6;
--color-sacral-chakra-200: #ffc893;
--color-sacral-chakra-300: #eaa865;
--color-sacral-chakra-400: #d98a36;
--color-sacral-chakra-500: #c66c00;
--color-sacral-chakra-600: #a75c00;
--color-sacral-chakra-700: #864900;
--color-sacral-chakra-800: #653400;
--color-sacral-chakra-900: #472400;
--color-sacral-chakra-950: #2e1200;
}SCSS
$sacral-chakra: #ee9941;
$sacral-chakra-rgb: 238, 153, 65;
$sacral-chakra-light: mix(#fff, $sacral-chakra, 20%);
$sacral-chakra-dark: mix(#000, $sacral-chakra, 20%);
.element {
color: $sacral-chakra;
box-shadow: 0 0 0 2px rgba($sacral-chakra, 0.35);
}