Colore con nome · #900910
Stizza
Stizza è #900910: rgb(144 9 16), hsl(357 88% 30%), oklch(0.415 0.164 27). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Stizza color name →
#900910
oklch(0.415 0.164 27)
Conversioni di colore
- HEX
- #900910
- RGB
- rgb(144 9 16)
- HSL
- hsl(357 88% 30%)
- HWB
- hwb(357 4% 44%)
- OKLCH
- oklch(0.415 0.164 27)
- OKLab
- oklab(0.415 0.146 0.074)
- CIE Lab
- lab(30.48 51.63 37.76)
- LCH
- lch(30.48 63.97 36.2)
- CMYK
- cmyk(0% 94% 89% 44%)
Tinte · Ombre · Toni
Tinte
- 9E2F2A
- AB4941
- B86057
- C4776E
- CF8D85
- DAA49D
- E4BAB5
- EED1CD
- F7E8E6
Ombre
- 7D070C
- 6A0509
- 570306
- 450204
- 340102
- 240101
- 150000
- 070000
- 010000
Toni
- 90221F
- 91312B
- 903D36
- 904841
- 8E524C
- 8D5C56
- 8A6561
- 886E6B
- 847775
Armonie di colore
Complementare +180°
- 900910
Stizza
- 00565F
≈ Deep Teal
Analogo -30° +30°
- 900910
Stizza
- 89094D
≈ Midnight Merlot
- 733B00
≈ Philippine Bronze
Triadico +120° +240°
- 900910
Stizza
- 005C1D
≈ Evergreen Shade
- 2440A3
≈ Indian Peafowl
Complementare divisa +150° +210°
- 900910
Stizza
- 00594B
≈ Forest Shadows
- 005276
≈ Pirate’s Haven
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.40:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.23:1 · APCA Lc 13
Miglior colore del testo: #FFFFFF
WCAG 9.40:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--stizza: #900910;
--stizza-rgb: 144 9 16;
--stizza-oklch: oklch(0.415 0.164 27);
}
.element {
color: var(--stizza);
background-color: hsl(357 88% 30%);
border-color: oklch(0.415 0.164 27);
}Tailwind CSS v4
@theme {
--color-stizza: #900910;
--color-stizza-50: #ffe4db;
--color-stizza-100: #ffd4c9;
--color-stizza-200: #ffbaac;
--color-stizza-300: #ff9686;
--color-stizza-400: #ef7368;
--color-stizza-500: #de4f46;
--color-stizza-600: #bb443c;
--color-stizza-700: #973630;
--color-stizza-800: #702624;
--color-stizza-900: #4f1918;
--color-stizza-950: #340909;
}SCSS
$stizza: #900910;
$stizza-rgb: 144, 9, 16;
$stizza-light: mix(#fff, $stizza, 20%);
$stizza-dark: mix(#000, $stizza, 20%);
.element {
color: $stizza;
box-shadow: 0 0 0 2px rgba($stizza, 0.35);
}