가장 가까운 이름 색상 · #C62317
#C62317
가장 가까운 이름 색상: Minestrone
#C62317(rgb(198 35 23), hsl(4 79% 43%), oklch(0.534 0.199 29.6))와 가장 가까운 이름 색상은 Minestrone입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C62317
oklch(0.534 0.199 29.6)
색상 변환
- HEX
- #c62317
- RGB
- rgb(198 35 23)
- HSL
- hsl(4 79% 43%)
- HWB
- hwb(4 9% 22%)
- OKLCH
- oklch(0.534 0.199 29.6)
- OKLab
- oklab(0.534 0.173 0.098)
- CIE Lab
- lab(43.98 61.98 50.11)
- LCH
- lch(43.98 79.7 39)
- CMYK
- cmyk(0% 82% 88% 22%)
틴트 · 셰이드 · 톤
틴트
- CF4334
- D75C4C
- DF7262
- E68778
- EC9B8E
- F1AFA4
- F6C3BA
- FAD7D1
- FDEBE8
셰이드
- AC1D12
- 92170E
- 7A110A
- 620C06
- 4B0704
- 350402
- 210101
- 0E0000
- 020000
톤
- C13528
- BB4234
- B64D3F
- B0564A
- A95F53
- A2665D
- 9B6D66
- 93746F
- 8A7A77
색 조화
보색 +180°
- C62317
Minestrone
- 007B8A
≈ Biscay Bay
유사색 -30° +30°
- C62317
Minestrone
- BF1F69
≈ Chaotic Roses
- A05800
≈ Sepia Wash
삼각 배색 +120° +240°
- C62317
Minestrone
- 008339
≈ Warpstone Glow
- 425CDE
≈ Warm Blue
분열 보색 +150° +210°
- C62317
Minestrone
- 007F6F
≈ Blue Green
- 0074AB
≈ Reef Escape
사각 배색 +90° +180° +270°
- C62317
Minestrone
- 657600
≈ Topiary Green
- 007B8A
≈ Biscay Bay
- 8046CC
≈ Purple Rain
대비 및 접근성
Ag
AA흰색 위
WCAG 5.74:1 · APCA Lc 77
Ag
Fail검은색 위
WCAG 3.65:1 · APCA Lc 25
가장 좋은 글자색: #FFFFFF
WCAG 5.74:1 (AA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--minestrone: #c62317;
--minestrone-rgb: 198 35 23;
--minestrone-oklch: oklch(0.534 0.199 29.6);
}
.element {
color: var(--minestrone);
background-color: hsl(4 79% 43%);
border-color: oklch(0.534 0.199 29.6);
}Tailwind CSS v4
@theme {
--color-minestrone: #c62317;
--color-minestrone-50: #ffe1d2;
--color-minestrone-100: #ffd0bf;
--color-minestrone-200: #ffb49f;
--color-minestrone-300: #ff8d76;
--color-minestrone-400: #fe6654;
--color-minestrone-500: #ed3829;
--color-minestrone-600: #c83225;
--color-minestrone-700: #a1281d;
--color-minestrone-800: #781a17;
--color-minestrone-900: #55120e;
--color-minestrone-950: #390203;
}SCSS
$minestrone: #c62317;
$minestrone-rgb: 198, 35, 23;
$minestrone-light: mix(#fff, $minestrone, 20%);
$minestrone-dark: mix(#000, $minestrone, 20%);
.element {
color: $minestrone;
box-shadow: 0 0 0 2px rgba($minestrone, 0.35);
}