Colore con nome più vicino · #97442D
#97442D
Colore con nome più vicino: Fire
#97442D (rgb(151 68 45), hsl(13 54% 38%), oklch(0.49 0.117 36.4)) è più vicino al colore con nome Fire. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#97442D
oklch(0.49 0.117 36.4)
Conversioni di colore
- HEX
- #97442d
- RGB
- rgb(151 68 45)
- HSL
- hsl(13 54% 38%)
- HWB
- hwb(13 18% 41%)
- OKLCH
- oklch(0.49 0.117 36.4)
- OKLab
- oklab(0.49 0.095 0.07)
- CIE Lab
- lab(39.9 34.37 31.12)
- LCH
- lch(39.9 46.36 42.2)
- CMYK
- cmyk(0% 55% 70% 41%)
Tinte · Ombre · Toni
Tinte
- A35742
- AE6956
- B97B6A
- C48E7E
- CEA093
- D9B3A8
- E3C5BD
- ECD8D3
- F6ECE9
Ombre
- 833A26
- 6F301F
- 5C2618
- 491D11
- 37140B
- 260C06
- 170502
- 080201
- 010000
Toni
- 964B36
- 94523F
- 935848
- 915E50
- 8F6458
- 8C6A60
- 8A7068
- 877570
- 847B78
Armonie di colore
Complementare +180°
- 97442D
Fire
- 006C80
≈ Azure Green Blue
Analogo -30° +30°
Triadico +120° +240°
Complementare divisa +150° +210°
- 97442D
Fire
- 007068
≈ Tide Pools
- 15659F
≈ LED Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.60:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.18:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--fire: #97442d;
--fire-rgb: 151 68 45;
--fire-oklch: oklch(0.49 0.117 36.4);
}
.element {
color: var(--fire);
background-color: hsl(13 54% 38%);
border-color: oklch(0.49 0.117 36.4);
}Tailwind CSS v4
@theme {
--color-fire: #97442d;
--color-fire-50: #ffeadd;
--color-fire-100: #ffdbcc;
--color-fire-200: #ffc4b0;
--color-fire-300: #eca38b;
--color-fire-400: #da846d;
--color-fire-500: #c7674c;
--color-fire-600: #a85741;
--color-fire-700: #874634;
--color-fire-800: #653226;
--color-fire-900: #472219;
--color-fire-950: #2e110a;
}SCSS
$fire: #97442d;
$fire-rgb: 151, 68, 45;
$fire-light: mix(#fff, $fire, 20%);
$fire-dark: mix(#000, $fire, 20%);
.element {
color: $fire;
box-shadow: 0 0 0 2px rgba($fire, 0.35);
}