Cor nomeada mais próxima · #98404A
#98404A
Cor nomeada mais próxima: Eternal Flame
#98404A (rgb(152 64 74), hsl(353 41% 42%), oklch(0.491 0.118 15.6)) é mais próxima da cor nomeada Eternal Flame. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#98404A
oklch(0.491 0.118 15.6)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- A4535A
- AF666B
- BA787D
- C58B8E
- CF9EA0
- D9B1B2
- E3C4C5
- EDD8D8
- F6EBEB
Sombras
- 84363F
- 702D35
- 5C242A
- 4A1B20
- 381317
- 270B0E
- 170506
- 080102
- 010000
Tons
- 97484F
- 954F55
- 94555A
- 925C5F
- 906265
- 8D686A
- 8A6E70
- 877475
- 847A7B
Harmonias de cor
Complementar +180°
- 98404A
Eternal Flame
- 006F70
≈ Active Turquoise
Análoga -30° +30°
- 98404A
Eternal Flame
- 8E426F
≈ Bonbon Red
- 96471E
≈ Autumn Red
Tríade +120° +240°
- 98404A
Eternal Flame
- 406F23
≈ Forest Empress
- 2E61A2
≈ Zydeco Blue
Complementar dividida +150° +210°
- 98404A
Eternal Flame
- 007353
≈ Lush Meadow
- 006B89
≈ Techno Blue
Tétrade +90° +180° +270°
- 98404A
Eternal Flame
- 696400
≈ Earthy Khaki Green
- 006F70
≈ Active Turquoise
- 5C55A0
≈ Coronation Blue
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.63:1 · APCA Lc 82
Ag
FailSobre preto
WCAG 3.16:1 · APCA Lc 20
Melhor cor de texto: #FFFFFF
WCAG 6.63:1 (AA) · APCA Lc 82
Contrast pairs
Trechos de código
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);
}