가장 가까운 이름 색상 · #612A27
#612A27
가장 가까운 이름 색상: Arcane Red
#612A27(rgb(97 42 39), hsl(3 43% 27%), oklch(0.361 0.081 25.1))와 가장 가까운 이름 색상은 Arcane Red입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#612A27
oklch(0.361 0.081 25.1)
색상 변환
- HEX
- #612a27
- RGB
- rgb(97 42 39)
- HSL
- hsl(3 43% 27%)
- HWB
- hwb(3 15% 62%)
- OKLCH
- oklch(0.361 0.081 25.1)
- OKLab
- oklab(0.361 0.073 0.034)
- CIE Lab
- lab(25.08 25.3 14.54)
- LCH
- lch(25.08 29.18 29.9)
- CMYK
- cmyk(0% 57% 60% 62%)
틴트 · 셰이드 · 톤
틴트
- 713E3A
- 81514D
- 916662
- A17A76
- B08F8C
- C0A5A2
- D0BBB8
- DFD1D0
- EFE8E7
셰이드
- 532320
- 461C1A
- 391614
- 2D100E
- 210A08
- 150504
- 0B0202
- 030101
- 000000
톤
- 65332F
- 693C38
- 6C4441
- 704D49
- 735552
- 765E5B
- 796664
- 7B6F6D
- 7E7777
색 조화
보색 +180°
- 612A27
Arcane Red
- 00464D
≈ Incubi Darkness
유사색 -30° +30°
- 612A27
Arcane Red
- 5D293F
≈ Quills of Terico
- 5D300B
≈ Count Chocula
삼각 배색 +120° +240°
- 612A27
Arcane Red
- 1E4821
≈ Pine Green
- 283B68
≈ Blue Depths
분열 보색 +150° +210°
- 612A27
Arcane Red
- 00493B
≈ Tropical Forest
- 004360
≈ Forest Blues
사각 배색 +90° +180° +270°
- 612A27
Arcane Red
- 3C4201
≈ Green Not Found
- 00464D
≈ Incubi Darkness
- 413363
≈ Minsk
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.23:1 · APCA Lc 96
Ag
Fail검은색 위
WCAG 1.86:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 11.23:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--arcane-red: #612a27;
--arcane-red-rgb: 97 42 39;
--arcane-red-oklch: oklch(0.361 0.081 25.1);
}
.element {
color: var(--arcane-red);
background-color: hsl(3 43% 27%);
border-color: oklch(0.361 0.081 25.1);
}Tailwind CSS v4
@theme {
--color-arcane-red: #612a27;
--color-arcane-red-50: #ffede9;
--color-arcane-red-100: #ffded9;
--color-arcane-red-200: #f5c8c2;
--color-arcane-red-300: #dea8a1;
--color-arcane-red-400: #ca8c86;
--color-arcane-red-500: #b6716b;
--color-arcane-red-600: #9a605b;
--color-arcane-red-700: #7b4c48;
--color-arcane-red-800: #5b3735;
--color-arcane-red-900: #402624;
--color-arcane-red-950: #291413;
}SCSS
$arcane-red: #612a27;
$arcane-red-rgb: 97, 42, 39;
$arcane-red-light: mix(#fff, $arcane-red, 20%);
$arcane-red-dark: mix(#000, $arcane-red, 20%);
.element {
color: $arcane-red;
box-shadow: 0 0 0 2px rgba($arcane-red, 0.35);
}