Colore con nome · #994B35
Spicy Hue
Spicy Hue è #994B35: rgb(153 75 53), hsl(13 49% 40%), oklch(0.506 0.11 36.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Spicy Hue color name →
#994B35
oklch(0.506 0.11 36.6)
Conversioni di colore
- HEX
- #994b35
- RGB
- rgb(153 75 53)
- HSL
- hsl(13 49% 40%)
- HWB
- hwb(13 21% 40%)
- OKLCH
- oklch(0.506 0.11 36.6)
- OKLab
- oklab(0.506 0.088 0.066)
- CIE Lab
- lab(41.76 31.99 28.74)
- LCH
- lch(41.76 43 41.9)
- CMYK
- cmyk(0% 51% 65% 40%)
Tinte · Ombre · Toni
Tinte
- A45D48
- AF6E5C
- BA806F
- C59183
- CFA397
- D9B5AB
- E3C7BF
- ECDAD4
- F6ECEA
Ombre
- 84402D
- 703525
- 5D2B1D
- 4A2115
- 38170E
- 270E08
- 170603
- 080201
- 010000
Toni
- 97513D
- 965745
- 945D4D
- 926254
- 8F675C
- 8D6C63
- 8A716A
- 877672
- 847B79
Armonie di colore
Complementare +180°
- 994B35
Spicy Hue
- 007186
≈ Waterworld
Analogo -30° +30°
- 994B35
Spicy Hue
- 98475A
≈ Haitian Flower
- 8E5605
≈ Spear Shaft
Triadico +120° +240°
- 994B35
Spicy Hue
- 1B774A
≈ Woodland Soul
- 555DA3
≈ Purple Frenzy
Complementare divisa +150° +210°
- 994B35
Spicy Hue
- 00756D
≈ Hawk Turquoise
- 2569A0
≈ Jazz Blue
Tetradico +90° +180° +270°
- 994B35
Spicy Hue
- 547021
≈ Loren Forest
- 007186
≈ Waterworld
- 755296
≈ Juneberry
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.15:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.41:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.15:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--spicy-hue: #994b35;
--spicy-hue-rgb: 153 75 53;
--spicy-hue-oklch: oklch(0.506 0.11 36.6);
}
.element {
color: var(--spicy-hue);
background-color: hsl(13 49% 40%);
border-color: oklch(0.506 0.11 36.6);
}Tailwind CSS v4
@theme {
--color-spicy-hue: #994b35;
--color-spicy-hue-50: #ffebdf;
--color-spicy-hue-100: #ffdccd;
--color-spicy-hue-200: #ffc5b2;
--color-spicy-hue-300: #e9a48e;
--color-spicy-hue-400: #d78770;
--color-spicy-hue-500: #c36950;
--color-spicy-hue-600: #a55a44;
--color-spicy-hue-700: #854736;
--color-spicy-hue-800: #633328;
--color-spicy-hue-900: #45231a;
--color-spicy-hue-950: #2d120b;
}SCSS
$spicy-hue: #994b35;
$spicy-hue-rgb: 153, 75, 53;
$spicy-hue-light: mix(#fff, $spicy-hue, 20%);
$spicy-hue-dark: mix(#000, $spicy-hue, 20%);
.element {
color: $spicy-hue;
box-shadow: 0 0 0 2px rgba($spicy-hue, 0.35);
}