Colore con nome · #E6390D
Vulcan Fire
Vulcan Fire è #E6390D: rgb(230 57 13), hsl(12 89% 48%), oklch(0.607 0.214 33.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Vulcan Fire color name →
#E6390D
oklch(0.607 0.214 33.7)
Conversioni di colore
- HEX
- #e6390d
- RGB
- rgb(230 57 13)
- HSL
- hsl(12 89% 48%)
- HWB
- hwb(12 5% 10%)
- OKLCH
- oklch(0.607 0.214 33.7)
- OKLab
- oklab(0.607 0.178 0.119)
- CIE Lab
- lab(52.47 65.37 62.31)
- LCH
- lch(52.47 90.31 43.6)
- CMYK
- cmyk(0% 75% 94% 10%)
Tinte · Ombre · Toni
Tinte
- EC5434
- F16B4E
- F57F65
- F9937B
- FCA591
- FEB8A7
- FFCABD
- FFDCD3
- FFEDE9
Ombre
- C8300A
- AB2807
- 8E1F05
- 731703
- 591002
- 400901
- 280400
- 130100
- 030000
Toni
- DD4626
- D45135
- CB5A41
- C2614C
- B86856
- AE6E5F
- A47368
- 987870
- 8D7C78
Armonie di colore
Complementare +180°
- E6390D
Vulcan Fire
- 0092A9
≈ Cape Pond
Analogo -30° +30°
- E6390D
Vulcan Fire
- E13074
≈ Watermelon Sugar
- BA6D00
≈ Indocile Tiger
Triadico +120° +240°
- E6390D
Vulcan Fire
- 009C54
≈ Fern Green
- 5F6EFF
≈ Blue Genie
Complementare divisa +150° +210°
- E6390D
Vulcan Fire
- 009789
≈ Intense Teal
- 0089D4
≈ Calgar Blue
Tetradico +90° +180° +270°
- E6390D
Vulcan Fire
- 719000
≈ Canopy
- 0092A9
≈ Cape Pond
- 9F55E8
≈ Lightish Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.23:1 · APCA Lc 68
Ag
AASu nero
WCAG 4.95:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 4.95:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--vulcan-fire: #e6390d;
--vulcan-fire-rgb: 230 57 13;
--vulcan-fire-oklch: oklch(0.607 0.214 33.7);
}
.element {
color: var(--vulcan-fire);
background-color: hsl(12 89% 48%);
border-color: oklch(0.607 0.214 33.7);
}Tailwind CSS v4
@theme {
--color-vulcan-fire: #e6390d;
--color-vulcan-fire-50: #ffe0cb;
--color-vulcan-fire-100: #ffcfb7;
--color-vulcan-fire-200: #ffb294;
--color-vulcan-fire-300: #ff8a66;
--color-vulcan-fire-400: #ff613f;
--color-vulcan-fire-500: #f32c00;
--color-vulcan-fire-600: #cd2900;
--color-vulcan-fire-700: #a52100;
--color-vulcan-fire-800: #7c1505;
--color-vulcan-fire-900: #580e04;
--color-vulcan-fire-950: #3b0000;
}SCSS
$vulcan-fire: #e6390d;
$vulcan-fire-rgb: 230, 57, 13;
$vulcan-fire-light: mix(#fff, $vulcan-fire, 20%);
$vulcan-fire-dark: mix(#000, $vulcan-fire, 20%);
.element {
color: $vulcan-fire;
box-shadow: 0 0 0 2px rgba($vulcan-fire, 0.35);
}