가장 가까운 이름 색상 · #472007
#472007
가장 가까운 이름 색상: Chocolate Castle
#472007(rgb(71 32 7), hsl(23 82% 15%), oklch(0.294 0.069 49.4))와 가장 가까운 이름 색상은 Chocolate Castle입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#472007
oklch(0.294 0.069 49.4)
색상 변환
- HEX
- #472007
- RGB
- rgb(71 32 7)
- HSL
- hsl(23 82% 15%)
- HWB
- hwb(23 3% 72%)
- OKLCH
- oklch(0.294 0.069 49.4)
- OKLab
- oklab(0.294 0.045 0.053)
- CIE Lab
- lab(17.69 17.67 23.34)
- LCH
- lch(17.69 29.27 52.9)
- CMYK
- cmyk(0% 55% 90% 72%)
틴트 · 셰이드 · 톤
틴트
- 59341F
- 6A4835
- 7C5D4C
- 8E7264
- A1897C
- B39F95
- C6B6AF
- D9CEC9
- ECE6E4
셰이드
- 3D1A05
- 321504
- 280F02
- 1F0A02
- 160601
- 0D0300
- 060100
- 020000
- 000000
톤
- 4D2915
- 533321
- 593C2C
- 5F4638
- 654F44
- 6A594F
- 70625B
- 756C67
- 7B7674
색 조화
보색 +180°
- 472007
Chocolate Castle
- 003143
≈ Nordic Noir
유사색 -30° +30°
- 472007
Chocolate Castle
- 491C1E
≈ Vino Tinto
- 3C2800
≈ Secret Passage
삼각 배색 +120° +240°
- 472007
Chocolate Castle
- 003527
≈ Coach Green
- 2C254C
≈ Cardinal Mauve
분열 보색 +150° +210°
- 472007
Chocolate Castle
- 003436
≈ Nora’s Forest
- 162C4E
≈ Midnight Ocean
사각 배색 +90° +180° +270°
- 472007
Chocolate Castle
- 183410
≈ Dark Serpent
- 003143
≈ Nordic Noir
- 3B2042
≈ Power Outage
대비 및 접근성
Ag
AAA흰색 위
WCAG 14.21:1 · APCA Lc 101
Ag
Fail검은색 위
WCAG 1.47:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 14.21:1 (AAA) · APCA Lc 101
Contrast pairs
코드 스니펫
CSS
:root {
--chocolate-castle: #472007;
--chocolate-castle-rgb: 71 32 7;
--chocolate-castle-oklch: oklch(0.294 0.069 49.4);
}
.element {
color: var(--chocolate-castle);
background-color: hsl(23 82% 15%);
border-color: oklch(0.294 0.069 49.4);
}Tailwind CSS v4
@theme {
--color-chocolate-castle: #472007;
--color-chocolate-castle-50: #fff0e4;
--color-chocolate-castle-100: #fce2d3;
--color-chocolate-castle-200: #edcdba;
--color-chocolate-castle-300: #d5ae98;
--color-chocolate-castle-400: #c1937a;
--color-chocolate-castle-500: #ac795d;
--color-chocolate-castle-600: #91664f;
--color-chocolate-castle-700: #75523f;
--color-chocolate-castle-800: #563b2d;
--color-chocolate-castle-900: #3c281f;
--color-chocolate-castle-950: #26160e;
}SCSS
$chocolate-castle: #472007;
$chocolate-castle-rgb: 71, 32, 7;
$chocolate-castle-light: mix(#fff, $chocolate-castle, 20%);
$chocolate-castle-dark: mix(#000, $chocolate-castle, 20%);
.element {
color: $chocolate-castle;
box-shadow: 0 0 0 2px rgba($chocolate-castle, 0.35);
}