가장 가까운 이름 색상 · #D12622
#D12622
가장 가까운 이름 색상: Heroic Red
#D12622(rgb(209 38 34), hsl(1 72% 48%), oklch(0.557 0.206 28))와 가장 가까운 이름 색상은 Heroic Red입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D12622
oklch(0.557 0.206 28)
색상 변환
- HEX
- #d12622
- RGB
- rgb(209 38 34)
- HSL
- hsl(1 72% 48%)
- HWB
- hwb(1 13% 18%)
- OKLCH
- oklch(0.557 0.206 28)
- OKLab
- oklab(0.557 0.182 0.097)
- CIE Lab
- lab(46.54 64.56 47.92)
- LCH
- lch(46.54 80.4 36.6)
- CMYK
- cmyk(0% 82% 84% 18%)
틴트 · 셰이드 · 톤
틴트
- D9463C
- E05E52
- E77468
- EC897D
- F29D92
- F6B1A7
- F9C5BD
- FCD8D3
- FEECE9
셰이드
- B5201C
- 9B1916
- 811311
- 680D0B
- 500807
- 390403
- 230201
- 100100
- 020000
톤
- CB382F
- C4453B
- BD4F45
- B6584E
- AE6157
- A66860
- 9E6F68
- 957570
- 8B7B78
색 조화
보색 +180°
- D12622
Heroic Red
- 008391
≈ True Teal
유사색 -30° +30°
- D12622
Heroic Red
- C92473
≈ Prince Charming
- AB5C00
≈ Raw Umber
삼각 배색 +120° +240°
- D12622
Heroic Red
- 008B36
≈ Cold Green
- 4164EA
≈ The Rainbow Fish
분열 보색 +150° +210°
- D12622
Heroic Red
- 008773
≈ Summer Turquoise
- 007CB3
≈ Artesian Water
사각 배색 +90° +180° +270°
- D12622
Heroic Red
- 6D7D00
≈ Topiary Garden
- 008391
≈ True Teal
- 854CD9
≈ Gloomy Purple
대비 및 접근성
Ag
AA흰색 위
WCAG 5.23:1 · APCA Lc 74
Ag
Fail검은색 위
WCAG 4.01:1 · APCA Lc 28
가장 좋은 글자색: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--heroic-red: #d12622;
--heroic-red-rgb: 209 38 34;
--heroic-red-oklch: oklch(0.557 0.206 28);
}
.element {
color: var(--heroic-red);
background-color: hsl(1 72% 48%);
border-color: oklch(0.557 0.206 28);
}Tailwind CSS v4
@theme {
--color-heroic-red: #d12622;
--color-heroic-red-50: #ffe0d3;
--color-heroic-red-100: #ffcebf;
--color-heroic-red-200: #ffb29f;
--color-heroic-red-300: #ff8a76;
--color-heroic-red-400: #ff6255;
--color-heroic-red-500: #f0302b;
--color-heroic-red-600: #cb2c26;
--color-heroic-red-700: #a3241e;
--color-heroic-red-800: #7a1718;
--color-heroic-red-900: #560f0f;
--color-heroic-red-950: #3a0103;
}SCSS
$heroic-red: #d12622;
$heroic-red-rgb: 209, 38, 34;
$heroic-red-light: mix(#fff, $heroic-red, 20%);
$heroic-red-dark: mix(#000, $heroic-red, 20%);
.element {
color: $heroic-red;
box-shadow: 0 0 0 2px rgba($heroic-red, 0.35);
}