Najbliższy nazwany kolor · #97442D
#97442D
Najbliższy nazwany kolor: Fire
#97442D (rgb(151 68 45), hsl(13 54% 38%), oklch(0.49 0.117 36.4)) jest najbliższy nazwanemu kolorowi Fire. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#97442D
oklch(0.49 0.117 36.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A35742
- AE6956
- B97B6A
- C48E7E
- CEA093
- D9B3A8
- E3C5BD
- ECD8D3
- F6ECE9
Odcienie ciemniejsze
- 833A26
- 6F301F
- 5C2618
- 491D11
- 37140B
- 260C06
- 170502
- 080201
- 010000
Tony
- 964B36
- 94523F
- 935848
- 915E50
- 8F6458
- 8C6A60
- 8A7068
- 877570
- 847B78
Harmonie kolorów
Komplementarna +180°
- 97442D
Fire
- 006C80
≈ Azure Green Blue
Analogowa -30° +30°
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- 97442D
Fire
- 007068
≈ Tide Pools
- 15659F
≈ LED Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.60:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.18:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
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);
}