Colore con nome · #E36940
Emergency Zone
Emergency Zone è #E36940: rgb(227 105 64), hsl(15 74% 57%), oklch(0.662 0.162 38.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Emergency Zone color name →
#E36940
oklch(0.662 0.162 38.8)
Conversioni di colore
- HEX
- #e36940
- RGB
- rgb(227 105 64)
- HSL
- hsl(15 74% 57%)
- HWB
- hwb(15 25% 11%)
- OKLCH
- oklch(0.662 0.162 38.8)
- OKLab
- oklab(0.662 0.126 0.102)
- CIE Lab
- lab(59.46 46.61 46.15)
- LCH
- lch(59.46 65.59 44.7)
- CMYK
- cmyk(0% 54% 72% 11%)
Tinte · Ombre · Toni
Tinte
- E87955
- EC8969
- F0987C
- F4A78E
- F7B6A1
- F9C5B4
- FBD3C6
- FDE2D9
- FEF0EC
Ombre
- C55A36
- A84C2D
- 8C3E24
- 71311B
- 572413
- 3F180B
- 270C05
- 120401
- 030000
Toni
- DA6D49
- D17051
- C77358
- BE765F
- B47865
- AA7A6B
- A07C70
- 967E76
- 8B7F7B
Armonie di colore
Complementare +180°
- E36940
Emergency Zone
- 00A3C4
≈ Scuba Blue
Analogo -30° +30°
- E36940
Emergency Zone
- E2617E
≈ Hint of Cherry
- CB7F00
≈ Bamboo Brown
Triadico +120° +240°
- E36940
Emergency Zone
- 00AE6F
≈ Jade Powder
- 7F85F3
≈ Lavender Blue Shadow
Complementare divisa +150° +210°
- E36940
Emergency Zone
- 00A9A1
≈ Tropical Hideaway
- 2C97F0
≈ Karimun Blue
Tetradico +90° +180° +270°
- E36940
Emergency Zone
- 74A522
≈ Support Green
- 00A3C4
≈ Scuba Blue
- AF73DD
≈ Lavender
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.30:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.36:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.36:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--emergency-zone: #e36940;
--emergency-zone-rgb: 227 105 64;
--emergency-zone-oklch: oklch(0.662 0.162 38.8);
}
.element {
color: var(--emergency-zone);
background-color: hsl(15 74% 57%);
border-color: oklch(0.662 0.162 38.8);
}Tailwind CSS v4
@theme {
--color-emergency-zone: #e36940;
--color-emergency-zone-50: #ffe7d2;
--color-emergency-zone-100: #ffd7bf;
--color-emergency-zone-200: #ffbd9f;
--color-emergency-zone-300: #fd9a75;
--color-emergency-zone-400: #ed7851;
--color-emergency-zone-500: #db5524;
--color-emergency-zone-600: #b94921;
--color-emergency-zone-700: #953a1a;
--color-emergency-zone-800: #6f2914;
--color-emergency-zone-900: #4e1b0d;
--color-emergency-zone-950: #340b02;
}SCSS
$emergency-zone: #e36940;
$emergency-zone-rgb: 227, 105, 64;
$emergency-zone-light: mix(#fff, $emergency-zone, 20%);
$emergency-zone-dark: mix(#000, $emergency-zone, 20%);
.element {
color: $emergency-zone;
box-shadow: 0 0 0 2px rgba($emergency-zone, 0.35);
}