Colore con nome · #F77511
Liquid Lava
Liquid Lava è #F77511: rgb(247 117 17), hsl(26 93% 52%), oklch(0.705 0.184 49.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Liquid Lava color name →
#F77511
oklch(0.705 0.184 49.2)
Conversioni di colore
- HEX
- #f77511
- RGB
- rgb(247 117 17)
- HSL
- hsl(26 93% 52%)
- HWB
- hwb(26 7% 3%)
- OKLCH
- oklch(0.705 0.184 49.2)
- OKLab
- oklab(0.705 0.12 0.139)
- CIE Lab
- lab(64.55 47.66 69.65)
- LCH
- lch(64.55 84.39 55.6)
- CMYK
- cmyk(0% 53% 93% 3%)
Tinte · Ombre · Toni
Tinte
- FA843C
- FC9357
- FEA26E
- FFAF84
- FFBD99
- FFCBAE
- FFD8C2
- FFE5D6
- FFF2EB
Ombre
- D7650D
- B75509
- 994606
- 7C3704
- 602902
- 451C01
- 2C0F00
- 150500
- 030100
Toni
- EC782C
- E07A3C
- D57C49
- C97E53
- BE7F5C
- B28065
- A6806C
- 9A8073
- 8D807A
Armonie di colore
Complementare +180°
- F77511
Liquid Lava
- 00AFE5
≈ Royal Peacock
Analogo -30° +30°
- F77511
Liquid Lava
- FD6671
≈ Kisses and Hugs
- D09300
≈ Elysium Gold
Triadico +120° +240°
- F77511
Liquid Lava
- 00BB91
≈ Mountain Meadow
- 9F8BFF
≈ Lavender Blue Shadow
Complementare divisa +150° +210°
- F77511
Liquid Lava
- 00B6BC
≈ Cyan Sky
- 629FFF
≈ Blue Chaos
Tetradico +90° +180° +270°
- F77511
Liquid Lava
- 5BBA3E
≈ Exit Light
- 00AFE5
≈ Royal Peacock
- D075E7
≈ Fake Love
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.79:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.50:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.50:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--liquid-lava: #f77511;
--liquid-lava-rgb: 247 117 17;
--liquid-lava-oklch: oklch(0.705 0.184 49.2);
}
.element {
color: var(--liquid-lava);
background-color: hsl(26 93% 52%);
border-color: oklch(0.705 0.184 49.2);
}Tailwind CSS v4
@theme {
--color-liquid-lava: #f77511;
--color-liquid-lava-50: #ffe7c6;
--color-liquid-lava-100: #ffd7b0;
--color-liquid-lava-200: #ffbd8a;
--color-liquid-lava-300: #ff9959;
--color-liquid-lava-400: #f27722;
--color-liquid-lava-500: #e05200;
--color-liquid-lava-600: #bd4700;
--color-liquid-lava-700: #983800;
--color-liquid-lava-800: #722700;
--color-liquid-lava-900: #511a00;
--color-liquid-lava-950: #350900;
}SCSS
$liquid-lava: #f77511;
$liquid-lava-rgb: 247, 117, 17;
$liquid-lava-light: mix(#fff, $liquid-lava, 20%);
$liquid-lava-dark: mix(#000, $liquid-lava, 20%);
.element {
color: $liquid-lava;
box-shadow: 0 0 0 2px rgba($liquid-lava, 0.35);
}