Najbliższy nazwany kolor · #98404A
#98404A
Najbliższy nazwany kolor: Eternal Flame
#98404A (rgb(152 64 74), hsl(353 41% 42%), oklch(0.491 0.118 15.6)) jest najbliższy nazwanemu kolorowi Eternal Flame. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#98404A
oklch(0.491 0.118 15.6)
Konwersje koloru
- HEX
- #98404a
- RGB
- rgb(152 64 74)
- HSL
- hsl(353 41% 42%)
- HWB
- hwb(353 25% 40%)
- OKLCH
- oklch(0.491 0.118 15.6)
- OKLab
- oklab(0.491 0.114 0.032)
- CIE Lab
- lab(39.71 38.28 13.39)
- LCH
- lch(39.71 40.55 19.3)
- CMYK
- cmyk(0% 58% 51% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A4535A
- AF666B
- BA787D
- C58B8E
- CF9EA0
- D9B1B2
- E3C4C5
- EDD8D8
- F6EBEB
Odcienie ciemniejsze
- 84363F
- 702D35
- 5C242A
- 4A1B20
- 381317
- 270B0E
- 170506
- 080102
- 010000
Tony
- 97484F
- 954F55
- 94555A
- 925C5F
- 906265
- 8D686A
- 8A6E70
- 877475
- 847A7B
Harmonie kolorów
Komplementarna +180°
- 98404A
Eternal Flame
- 006F70
≈ Active Turquoise
Analogowa -30° +30°
- 98404A
Eternal Flame
- 8E426F
≈ Bonbon Red
- 96471E
≈ Autumn Red
Triada +120° +240°
- 98404A
Eternal Flame
- 406F23
≈ Forest Empress
- 2E61A2
≈ Zydeco Blue
Komplementarna rozszczepiona +150° +210°
- 98404A
Eternal Flame
- 007353
≈ Lush Meadow
- 006B89
≈ Techno Blue
Tetrada +90° +180° +270°
- 98404A
Eternal Flame
- 696400
≈ Earthy Khaki Green
- 006F70
≈ Active Turquoise
- 5C55A0
≈ Coronation Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.63:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.16:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.63:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--eternal-flame: #98404a;
--eternal-flame-rgb: 152 64 74;
--eternal-flame-oklch: oklch(0.491 0.118 15.6);
}
.element {
color: var(--eternal-flame);
background-color: hsl(353 41% 42%);
border-color: oklch(0.491 0.118 15.6);
}Tailwind CSS v4
@theme {
--color-eternal-flame: #98404a;
--color-eternal-flame-50: #ffe8e9;
--color-eternal-flame-100: #ffd9d9;
--color-eternal-flame-200: #ffc0c2;
--color-eternal-flame-300: #ee9fa1;
--color-eternal-flame-400: #db8087;
--color-eternal-flame-500: #c8626c;
--color-eternal-flame-600: #a9535b;
--color-eternal-flame-700: #884249;
--color-eternal-flame-800: #652f36;
--color-eternal-flame-900: #472025;
--color-eternal-flame-950: #2e0f14;
}SCSS
$eternal-flame: #98404a;
$eternal-flame-rgb: 152, 64, 74;
$eternal-flame-light: mix(#fff, $eternal-flame, 20%);
$eternal-flame-dark: mix(#000, $eternal-flame, 20%);
.element {
color: $eternal-flame;
box-shadow: 0 0 0 2px rgba($eternal-flame, 0.35);
}