가장 가까운 이름 색상 · #C46152
#C46152
가장 가까운 이름 색상: Too Hot to Handle
#C46152(rgb(196 97 82), hsl(8 49% 55%), oklch(0.608 0.13 30.2))와 가장 가까운 이름 색상은 Too Hot to Handle입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C46152
oklch(0.608 0.13 30.2)
색상 변환
- HEX
- #c46152
- RGB
- rgb(196 97 82)
- HSL
- hsl(8 49% 55%)
- HWB
- hwb(8 32% 23%)
- OKLCH
- oklch(0.608 0.13 30.2)
- OKLab
- oklab(0.608 0.112 0.065)
- CIE Lab
- lab(53.34 39.46 27.85)
- LCH
- lch(53.34 48.3 35.2)
- CMYK
- cmyk(0% 51% 58% 23%)
틴트 · 셰이드 · 톤
틴트
- CB7163
- D38173
- D99184
- E0A095
- E6B0A6
- ECC0B8
- F1CFC9
- F6DFDB
- FBEFED
셰이드
- AA5346
- 91463B
- 78392F
- 612D25
- 4A211A
- 351511
- 210B08
- 0E0302
- 020000
톤
- BE6557
- B8695C
- B26D61
- AB7066
- A5736A
- 9E766F
- 977973
- 907B77
- 887E7C
색 조화
보색 +180°
- C46152
Too Hot to Handle
- 0093A5
≈ Tile Blue
유사색 -30° +30°
- C46152
Too Hot to Handle
- BF5E7F
≈ Beauty Queen
- BA6D20
≈ Thai Curry
삼각 배색 +120° +240°
- C46152
Too Hot to Handle
- 3E9857
≈ Alpine Herbs
- 657DD0
≈ Indigo Light
분열 보색 +150° +210°
- C46152
Too Hot to Handle
- 009885
≈ Plumage
- 1F8BC8
≈ Newport Blue
사각 배색 +90° +180° +270°
- C46152
Too Hot to Handle
- 798D24
≈ Foggy Bog
- 0093A5
≈ Tile Blue
- 8F6FC4
≈ True V
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.05:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.17:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--too-hot-to-handle: #c46152;
--too-hot-to-handle-rgb: 196 97 82;
--too-hot-to-handle-oklch: oklch(0.608 0.13 30.2);
}
.element {
color: var(--too-hot-to-handle);
background-color: hsl(8 49% 55%);
border-color: oklch(0.608 0.13 30.2);
}Tailwind CSS v4
@theme {
--color-too-hot-to-handle: #c46152;
--color-too-hot-to-handle-50: #ffe8de;
--color-too-hot-to-handle-100: #ffd9cd;
--color-too-hot-to-handle-200: #ffc0b2;
--color-too-hot-to-handle-300: #f29e8d;
--color-too-hot-to-handle-400: #e07f70;
--color-too-hot-to-handle-500: #ce6050;
--color-too-hot-to-handle-600: #ae5244;
--color-too-hot-to-handle-700: #8c4136;
--color-too-hot-to-handle-800: #682e28;
--color-too-hot-to-handle-900: #491f1b;
--color-too-hot-to-handle-950: #300f0b;
}SCSS
$too-hot-to-handle: #c46152;
$too-hot-to-handle-rgb: 196, 97, 82;
$too-hot-to-handle-light: mix(#fff, $too-hot-to-handle, 20%);
$too-hot-to-handle-dark: mix(#000, $too-hot-to-handle, 20%);
.element {
color: $too-hot-to-handle;
box-shadow: 0 0 0 2px rgba($too-hot-to-handle, 0.35);
}