Colore con nome · #E93A0E
Chilli Crab
Chilli Crab è #E93A0E: rgb(233 58 14), hsl(12 89% 48%), oklch(0.613 0.216 33.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Chilli Crab color name →
#E93A0E
oklch(0.613 0.216 33.6)
Conversioni di colore
- HEX
- #e93a0e
- RGB
- rgb(233 58 14)
- HSL
- hsl(12 89% 48%)
- HWB
- hwb(12 5% 9%)
- OKLCH
- oklch(0.613 0.216 33.6)
- OKLab
- oklab(0.613 0.18 0.12)
- CIE Lab
- lab(53.16 65.98 62.75)
- LCH
- lch(53.16 91.05 43.6)
- CMYK
- cmyk(0% 75% 94% 9%)
Tinte · Ombre · Toni
Tinte
- EE5535
- F36C4F
- F78066
- FB937C
- FDA692
- FFB8A8
- FFCABD
- FFDCD3
- FFEDE9
Ombre
- CB310B
- AD2807
- 902005
- 741803
- 5A1002
- 410901
- 290400
- 130100
- 030000
Toni
- E04727
- D75236
- CD5A42
- C4624D
- BA6856
- AF6E5F
- A47368
- 997870
- 8D7C78
Armonie di colore
Complementare +180°
- E93A0E
Chilli Crab
- 0094AB
≈ Brilliant
Analogo -30° +30°
- E93A0E
Chilli Crab
- E43176
≈ Watermelon Sugar
- BD6F00
≈ Indocile Tiger
Triadico +120° +240°
- E93A0E
Chilli Crab
- 009E56
≈ Fern Green
- 6171FF
≈ Blue Genie
Complementare divisa +150° +210°
- E93A0E
Chilli Crab
- 00998B
≈ Plumage
- 008BD7
≈ Blue Cola
Tetradico +90° +180° +270°
- E93A0E
Chilli Crab
- 729200
≈ Canopy
- 0094AB
≈ Brilliant
- A157EB
≈ Lightish Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.13:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.07:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.07:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--chilli-crab: #e93a0e;
--chilli-crab-rgb: 233 58 14;
--chilli-crab-oklch: oklch(0.613 0.216 33.6);
}
.element {
color: var(--chilli-crab);
background-color: hsl(12 89% 48%);
border-color: oklch(0.613 0.216 33.6);
}Tailwind CSS v4
@theme {
--color-chilli-crab: #e93a0e;
--color-chilli-crab-50: #ffe0cb;
--color-chilli-crab-100: #ffceb6;
--color-chilli-crab-200: #ffb193;
--color-chilli-crab-300: #ff8966;
--color-chilli-crab-400: #ff603d;
--color-chilli-crab-500: #f42a00;
--color-chilli-crab-600: #ce2800;
--color-chilli-crab-700: #a62000;
--color-chilli-crab-800: #7c1404;
--color-chilli-crab-900: #580d04;
--color-chilli-crab-950: #3b0000;
}SCSS
$chilli-crab: #e93a0e;
$chilli-crab-rgb: 233, 58, 14;
$chilli-crab-light: mix(#fff, $chilli-crab, 20%);
$chilli-crab-dark: mix(#000, $chilli-crab, 20%);
.element {
color: $chilli-crab;
box-shadow: 0 0 0 2px rgba($chilli-crab, 0.35);
}