Colore con nome · #DE6A41
Bonfire Night
Bonfire Night è #DE6A41: rgb(222 106 65), hsl(16 70% 56%), oklch(0.656 0.156 39.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Bonfire Night color name →
#DE6A41
oklch(0.656 0.156 39.6)
Conversioni di colore
- HEX
- #de6a41
- RGB
- rgb(222 106 65)
- HSL
- hsl(16 70% 56%)
- HWB
- hwb(16 25% 13%)
- OKLCH
- oklch(0.656 0.156 39.6)
- OKLab
- oklab(0.656 0.12 0.099)
- CIE Lab
- lab(58.89 44.3 44.76)
- LCH
- lch(58.89 62.98 45.3)
- CMYK
- cmyk(0% 52% 71% 13%)
Tinte · Ombre · Toni
Tinte
- E37A56
- E88969
- EC997C
- F0A78F
- F4B6A1
- F7C5B4
- FAD3C6
- FCE2D9
- FEF0EC
Ombre
- C15B37
- A54D2E
- 893F25
- 6F311C
- 552413
- 3D180B
- 260D05
- 120401
- 020000
Toni
- D56E4A
- CD7151
- C47458
- BB765F
- B27865
- A87A6B
- 9F7C70
- 957E76
- 8B7F7B
Armonie di colore
Complementare +180°
- DE6A41
Bonfire Night
- 00A1C3
≈ Scuba Blue
Analogo -30° +30°
- DE6A41
Bonfire Night
- DE627C
≈ Hint of Cherry
- C87E00
≈ Bamboo Brown
Triadico +120° +240°
- DE6A41
Bonfire Night
- 00AC70
≈ Banaue Jade
- 7F83ED
≈ Lavender Blue Shadow
Complementare divisa +150° +210°
- DE6A41
Bonfire Night
- 00A7A0
≈ Jadestone
- 3595EB
≈ Karimun Blue
Tetradico +90° +180° +270°
- DE6A41
Bonfire Night
- 71A32B
≈ Green Gone Wild
- 00A1C3
≈ Scuba Blue
- AD73D8
≈ Lavender
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.36:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.24:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.24:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--bonfire-night: #de6a41;
--bonfire-night-rgb: 222 106 65;
--bonfire-night-oklch: oklch(0.656 0.156 39.6);
}
.element {
color: var(--bonfire-night);
background-color: hsl(16 70% 56%);
border-color: oklch(0.656 0.156 39.6);
}Tailwind CSS v4
@theme {
--color-bonfire-night: #de6a41;
--color-bonfire-night-50: #ffe7d3;
--color-bonfire-night-100: #ffd8c0;
--color-bonfire-night-200: #ffbea0;
--color-bonfire-night-300: #fa9b77;
--color-bonfire-night-400: #ea7a54;
--color-bonfire-night-500: #d85928;
--color-bonfire-night-600: #b64c24;
--color-bonfire-night-700: #933d1d;
--color-bonfire-night-800: #6e2a15;
--color-bonfire-night-900: #4d1d0e;
--color-bonfire-night-950: #330c02;
}SCSS
$bonfire-night: #de6a41;
$bonfire-night-rgb: 222, 106, 65;
$bonfire-night-light: mix(#fff, $bonfire-night, 20%);
$bonfire-night-dark: mix(#000, $bonfire-night, 20%);
.element {
color: $bonfire-night;
box-shadow: 0 0 0 2px rgba($bonfire-night, 0.35);
}