가장 가까운 이름 색상 · #814E2B
#814E2B
가장 가까운 이름 색상: Chocolate Bells
#814E2B(rgb(129 78 43), hsl(24 50% 34%), oklch(0.475 0.085 53.6))와 가장 가까운 이름 색상은 Chocolate Bells입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#814E2B
oklch(0.475 0.085 53.6)
색상 변환
- HEX
- #814e2b
- RGB
- rgb(129 78 43)
- HSL
- hsl(24 50% 34%)
- HWB
- hwb(24 17% 49%)
- OKLCH
- oklch(0.475 0.085 53.6)
- OKLab
- oklab(0.475 0.05 0.068)
- CIE Lab
- lab(38.71 19.58 29.81)
- LCH
- lch(38.71 35.66 56.7)
- CMYK
- cmyk(0% 40% 67% 49%)
틴트 · 셰이드 · 톤
틴트
- 8E5F40
- 9A6F54
- A78168
- B4927D
- C0A392
- CDB5A7
- D9C7BC
- E6DAD2
- F2ECE8
셰이드
- 6F4324
- 5E381D
- 4E2D16
- 3E2310
- 2E190A
- 1F0F05
- 120702
- 060201
- 010000
톤
- 815335
- 82583E
- 825E46
- 82634F
- 826857
- 826D5F
- 827168
- 817670
- 817B78
색 조화
보색 +180°
- 814E2B
Chocolate Bells
- 1F6484
≈ Georgian Bay
유사색 -30° +30°
- 814E2B
Chocolate Bells
- 864845
≈ Henna
- 73581A
≈ Coffee Adept
삼각 배색 +120° +240°
- 814E2B
Chocolate Bells
- 146C58
≈ Teal Dark Green
- 5F5287
≈ Wool Violet
분열 보색 +150° +210°
- 814E2B
Chocolate Bells
- 006971
≈ Kingfisher Bright
- 435B8C
≈ Anchor Point
사각 배색 +90° +180° +270°
- 814E2B
Chocolate Bells
- 3D693C
≈ Arcala Green
- 1F6484
≈ Georgian Bay
- 734B77
≈ Cabbage Blossom Violet
대비 및 접근성
Ag
AA흰색 위
WCAG 6.86:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.05:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 6.86:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--chocolate-bells: #814e2b;
--chocolate-bells-rgb: 129 78 43;
--chocolate-bells-oklch: oklch(0.475 0.085 53.6);
}
.element {
color: var(--chocolate-bells);
background-color: hsl(24 50% 34%);
border-color: oklch(0.475 0.085 53.6);
}Tailwind CSS v4
@theme {
--color-chocolate-bells: #814e2b;
--color-chocolate-bells-50: #fff0df;
--color-chocolate-bells-100: #ffe1cd;
--color-chocolate-bells-200: #f2ccb2;
--color-chocolate-bells-300: #daad8e;
--color-chocolate-bells-400: #c6916f;
--color-chocolate-bells-500: #b2764f;
--color-chocolate-bells-600: #966443;
--color-chocolate-bells-700: #795035;
--color-chocolate-bells-800: #5a3a26;
--color-chocolate-bells-900: #3f281a;
--color-chocolate-bells-950: #28150a;
}SCSS
$chocolate-bells: #814e2b;
$chocolate-bells-rgb: 129, 78, 43;
$chocolate-bells-light: mix(#fff, $chocolate-bells, 20%);
$chocolate-bells-dark: mix(#000, $chocolate-bells, 20%);
.element {
color: $chocolate-bells;
box-shadow: 0 0 0 2px rgba($chocolate-bells, 0.35);
}