가장 가까운 이름 색상 · #A33C48
#A33C48
가장 가까운 이름 색상: Eternal Flame
#A33C48(rgb(163 60 72), hsl(353 46% 44%), oklch(0.503 0.136 16.6))와 가장 가까운 이름 색상은 Eternal Flame입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A33C48
oklch(0.503 0.136 16.6)
색상 변환
- HEX
- #a33c48
- RGB
- rgb(163 60 72)
- HSL
- hsl(353 46% 44%)
- HWB
- hwb(353 24% 36%)
- OKLCH
- oklch(0.503 0.136 16.6)
- OKLab
- oklab(0.503 0.13 0.039)
- CIE Lab
- lab(40.87 43.98 16.58)
- LCH
- lch(40.87 47 20.7)
- CMYK
- cmyk(0% 63% 56% 36%)
틴트 · 셰이드 · 톤
틴트
- AE5159
- B9646A
- C3777B
- CD8A8D
- D69D9F
- DFB1B2
- E8C4C5
- F0D7D8
- F8EBEB
셰이드
- 8D333D
- 782A33
- 632129
- 4F191F
- 3C1116
- 2A0A0D
- 190406
- 0A0102
- 010000
톤
- A1454E
- 9E4D53
- 9C5459
- 995B5E
- 966264
- 92686A
- 8E6E6F
- 8A7475
- 857A7A
색 조화
보색 +180°
- A33C48
Eternal Flame
- 007374
≈ Natural Instinct Green
유사색 -30° +30°
- A33C48
Eternal Flame
- 993E74
≈ Purple Peril
- A04508
≈ Powdered Coffee
삼각 배색 +120° +240°
- A33C48
Eternal Flame
- 3B7519
≈ Nemophilist
- 2963B0
≈ Rainbow Bright
분열 보색 +150° +210°
- A33C48
Eternal Flame
- 007657
≈ Victoria Peak
- 006E8E
≈ Seaport
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.36:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.29:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.36:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--eternal-flame: #a33c48;
--eternal-flame-rgb: 163 60 72;
--eternal-flame-oklch: oklch(0.503 0.136 16.6);
}
.element {
color: var(--eternal-flame);
background-color: hsl(353 46% 44%);
border-color: oklch(0.503 0.136 16.6);
}Tailwind CSS v4
@theme {
--color-eternal-flame: #a33c48;
--color-eternal-flame-50: #ffe6e6;
--color-eternal-flame-100: #ffd6d6;
--color-eternal-flame-200: #ffbdbe;
--color-eternal-flame-300: #f59a9c;
--color-eternal-flame-400: #e37b82;
--color-eternal-flame-500: #d05a66;
--color-eternal-flame-600: #b04d56;
--color-eternal-flame-700: #8d3d45;
--color-eternal-flame-800: #692c33;
--color-eternal-flame-900: #4a1d23;
--color-eternal-flame-950: #300d12;
}SCSS
$eternal-flame: #a33c48;
$eternal-flame-rgb: 163, 60, 72;
$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);
}