가장 가까운 이름 색상 · #8F4A29
#8F4A29
가장 가까운 이름 색상: Gingerbread
#8F4A29(rgb(143 74 41), hsl(19 55% 36%), oklch(0.488 0.104 44.9))와 가장 가까운 이름 색상은 Gingerbread입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8F4A29
oklch(0.488 0.104 44.9)
색상 변환
- HEX
- #8f4a29
- RGB
- rgb(143 74 41)
- HSL
- hsl(19 55% 36%)
- HWB
- hwb(19 16% 44%)
- OKLCH
- oklch(0.488 0.104 44.9)
- OKLab
- oklab(0.488 0.074 0.073)
- CIE Lab
- lab(39.84 27.81 32.86)
- LCH
- lch(39.84 43.05 49.8)
- CMYK
- cmyk(0% 48% 71% 44%)
틴트 · 셰이드 · 톤
틴트
- 9B5C3E
- A76D53
- B27F68
- BE907C
- C9A291
- D4B4A7
- DFC7BC
- EAD9D2
- F4ECE8
셰이드
- 7C3F22
- 69351C
- 572A15
- 45200F
- 341709
- 240E05
- 150602
- 070201
- 010000
톤
- 8E5033
- 8E563D
- 8D5C46
- 8B614E
- 8A6657
- 886C5F
- 877167
- 857670
- 837B78
색 조화
보색 +180°
- 8F4A29
Gingerbread
- 006A87
≈ Techno Blue
유사색 -30° +30°
- 8F4A29
Gingerbread
- 91444D
≈ Rhubarb Smoothie
- 815600
≈ Intense Brown
삼각 배색 +120° +240°
- 8F4A29
Gingerbread
- 007151
≈ Lush Meadow
- 5A5698
≈ Old Nan Yarn
분열 보색 +150° +210°
- 8F4A29
Gingerbread
- 006E6E
≈ Caribbean Current
- 336199
≈ Blue Regatta
사각 배색 +90° +180° +270°
- 8F4A29
Gingerbread
- 456C2C
≈ Tree Shade
- 006A87
≈ Techno Blue
- 764C88
≈ Cleopatra’s Gown
대비 및 접근성
Ag
AA흰색 위
WCAG 6.60:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.17:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--gingerbread: #8f4a29;
--gingerbread-rgb: 143 74 41;
--gingerbread-oklch: oklch(0.488 0.104 44.9);
}
.element {
color: var(--gingerbread);
background-color: hsl(19 55% 36%);
border-color: oklch(0.488 0.104 44.9);
}Tailwind CSS v4
@theme {
--color-gingerbread: #8f4a29;
--color-gingerbread-50: #ffeddc;
--color-gingerbread-100: #ffdecb;
--color-gingerbread-200: #fbc7af;
--color-gingerbread-300: #e5a78a;
--color-gingerbread-400: #d28a6a;
--color-gingerbread-500: #be6e49;
--color-gingerbread-600: #a15d3e;
--color-gingerbread-700: #814b32;
--color-gingerbread-800: #603524;
--color-gingerbread-900: #432518;
--color-gingerbread-950: #2b1309;
}SCSS
$gingerbread: #8f4a29;
$gingerbread-rgb: 143, 74, 41;
$gingerbread-light: mix(#fff, $gingerbread, 20%);
$gingerbread-dark: mix(#000, $gingerbread, 20%);
.element {
color: $gingerbread;
box-shadow: 0 0 0 2px rgba($gingerbread, 0.35);
}