가장 가까운 이름 색상 · #98404A
#98404A
가장 가까운 이름 색상: Eternal Flame
#98404A(rgb(152 64 74), hsl(353 41% 42%), oklch(0.491 0.118 15.6))와 가장 가까운 이름 색상은 Eternal Flame입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#98404A
oklch(0.491 0.118 15.6)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- A4535A
- AF666B
- BA787D
- C58B8E
- CF9EA0
- D9B1B2
- E3C4C5
- EDD8D8
- F6EBEB
셰이드
- 84363F
- 702D35
- 5C242A
- 4A1B20
- 381317
- 270B0E
- 170506
- 080102
- 010000
톤
- 97484F
- 954F55
- 94555A
- 925C5F
- 906265
- 8D686A
- 8A6E70
- 877475
- 847A7B
색 조화
보색 +180°
- 98404A
Eternal Flame
- 006F70
≈ Active Turquoise
유사색 -30° +30°
- 98404A
Eternal Flame
- 8E426F
≈ Bonbon Red
- 96471E
≈ Autumn Red
삼각 배색 +120° +240°
- 98404A
Eternal Flame
- 406F23
≈ Forest Empress
- 2E61A2
≈ Zydeco Blue
분열 보색 +150° +210°
- 98404A
Eternal Flame
- 007353
≈ Lush Meadow
- 006B89
≈ Techno Blue
사각 배색 +90° +180° +270°
- 98404A
Eternal Flame
- 696400
≈ Earthy Khaki Green
- 006F70
≈ Active Turquoise
- 5C55A0
≈ Coronation Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 6.63:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.16:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.63:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
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);
}