En yakın adlandırılmış renk · #98404A
#98404A
En yakın adlandırılmış renk: Eternal Flame
#98404A (rgb(152 64 74), hsl(353 41% 42%), oklch(0.491 0.118 15.6)) en çok Eternal Flame adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#98404A
oklch(0.491 0.118 15.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A4535A
- AF666B
- BA787D
- C58B8E
- CF9EA0
- D9B1B2
- E3C4C5
- EDD8D8
- F6EBEB
Koyu tonlar
- 84363F
- 702D35
- 5C242A
- 4A1B20
- 381317
- 270B0E
- 170506
- 080102
- 010000
Gri tonlar
- 97484F
- 954F55
- 94555A
- 925C5F
- 906265
- 8D686A
- 8A6E70
- 877475
- 847A7B
Renk uyumları
Tamamlayıcı +180°
- 98404A
Eternal Flame
- 006F70
≈ Active Turquoise
Analog -30° +30°
- 98404A
Eternal Flame
- 8E426F
≈ Bonbon Red
- 96471E
≈ Autumn Red
Üçlü +120° +240°
- 98404A
Eternal Flame
- 406F23
≈ Forest Empress
- 2E61A2
≈ Zydeco Blue
Bölünmüş tamamlayıcı +150° +210°
- 98404A
Eternal Flame
- 007353
≈ Lush Meadow
- 006B89
≈ Techno Blue
Dörtlü +90° +180° +270°
- 98404A
Eternal Flame
- 696400
≈ Earthy Khaki Green
- 006F70
≈ Active Turquoise
- 5C55A0
≈ Coronation Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.63:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.16:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.63:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
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);
}