가장 가까운 이름 색상 · #8B2A00
#8B2A00
가장 가까운 이름 색상: Chocoholic
#8B2A00(rgb(139 42 0), hsl(18 100% 27%), oklch(0.43 0.139 38.7))와 가장 가까운 이름 색상은 Chocoholic입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8B2A00
oklch(0.43 0.139 38.7)
색상 변환
- HEX
- #8b2a00
- RGB
- rgb(139 42 0)
- HSL
- hsl(18 100% 27%)
- HWB
- hwb(18 0% 45%)
- OKLCH
- oklch(0.43 0.139 38.7)
- OKLab
- oklab(0.43 0.108 0.087)
- CIE Lab
- lab(32.71 40.71 45.37)
- LCH
- lch(32.71 60.95 48.1)
- CMYK
- cmyk(0% 70% 100% 45%)
틴트 · 셰이드 · 톤
틴트
- 984124
- A5563D
- B26B54
- BE806C
- CA9583
- D5A99B
- E0BEB4
- EBD4CC
- F5E9E5
셰이드
- 782300
- 661C00
- 541600
- 431000
- 320A00
- 230500
- 140200
- 070100
- 010000
톤
- 8B3517
- 8C3F26
- 8B4833
- 8B513E
- 8A594A
- 896155
- 876960
- 85716A
- 837975
색 조화
보색 +180°
- 8B2A00
Chocoholic
- 00596C
≈ Sea Creature
유사색 -30° +30°
- 8B2A00
Chocoholic
- 8A2340
≈ Refined Chianti
- 714400
≈ Flat Brown
삼각 배색 +120° +240°
- 8B2A00
Chocoholic
- 00603B
≈ Spruce
- 424299
≈ Galaxy Express
분열 보색 +150° +210°
- 8B2A00
Chocoholic
- 005D58
≈ Tidal Pool
- 00528D
≈ Lapis Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.64:1 · APCA Lc 89
Ag
Fail검은색 위
WCAG 2.42:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.64:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--chocoholic: #8b2a00;
--chocoholic-rgb: 139 42 0;
--chocoholic-oklch: oklch(0.43 0.139 38.7);
}
.element {
color: var(--chocoholic);
background-color: hsl(18 100% 27%);
border-color: oklch(0.43 0.139 38.7);
}Tailwind CSS v4
@theme {
--color-chocoholic: #8b2a00;
--color-chocoholic-50: #ffe9d7;
--color-chocoholic-100: #ffd9c5;
--color-chocoholic-200: #ffc1a7;
--color-chocoholic-300: #f49f80;
--color-chocoholic-400: #e37f5f;
--color-chocoholic-500: #d05f3a;
--color-chocoholic-600: #b05132;
--color-chocoholic-700: #8d4128;
--color-chocoholic-800: #6a2e1d;
--color-chocoholic-900: #4a1f13;
--color-chocoholic-950: #310e05;
}SCSS
$chocoholic: #8b2a00;
$chocoholic-rgb: 139, 42, 0;
$chocoholic-light: mix(#fff, $chocoholic, 20%);
$chocoholic-dark: mix(#000, $chocoholic, 20%);
.element {
color: $chocoholic;
box-shadow: 0 0 0 2px rgba($chocoholic, 0.35);
}