가장 가까운 이름 색상 · #8B3A00
#8B3A00
가장 가까운 이름 색상: Espresso Martini
#8B3A00(rgb(139 58 0), hsl(25 100% 27%), oklch(0.452 0.125 47))와 가장 가까운 이름 색상은 Espresso Martini입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8B3A00
oklch(0.452 0.125 47)
색상 변환
- HEX
- #8b3a00
- RGB
- rgb(139 58 0)
- HSL
- hsl(25 100% 27%)
- HWB
- hwb(25 0% 45%)
- OKLCH
- oklch(0.452 0.125 47)
- OKLab
- oklab(0.452 0.085 0.091)
- CIE Lab
- lab(35.55 33.43 46.77)
- LCH
- lch(35.55 57.49 54.4)
- CMYK
- cmyk(0% 58% 100% 45%)
틴트 · 셰이드 · 톤
틴트
- 984E25
- A4613F
- B17456
- BD886E
- C89B85
- D4AF9D
- DFC2B5
- EAD6CD
- F4EBE6
셰이드
- 783100
- 662800
- 542000
- 431800
- 321000
- 230900
- 140400
- 070100
- 010000
톤
- 8B4218
- 8B4A28
- 8A5134
- 8A5940
- 89604B
- 886656
- 866D61
- 85736B
- 827A76
색 조화
보색 +180°
- 8B3A00
Espresso Martini
- 005F7B
≈ Blue-Collar
유사색 -30° +30°
- 8B3A00
Espresso Martini
- 8E323C
≈ Sehnsucht Red
- 734E00
≈ Lucky Brown
삼각 배색 +120° +240°
- 8B3A00
Espresso Martini
- 00664B
≈ Green Paw Paw
- 534797
≈ Liberty
분열 보색 +150° +210°
- 8B3A00
Espresso Martini
- 006364
≈ Really Teal
- 22559A
≈ Fist of the North Star
사각 배색 +90° +180° +270°
- 8B3A00
Espresso Martini
- 306512
≈ Keen Green
- 005F7B
≈ Blue-Collar
- 713C83
≈ Amaranth Purple
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.76:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.70:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 7.76:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--espresso-martini: #8b3a00;
--espresso-martini-rgb: 139 58 0;
--espresso-martini-oklch: oklch(0.452 0.125 47);
}
.element {
color: var(--espresso-martini);
background-color: hsl(25 100% 27%);
border-color: oklch(0.452 0.125 47);
}Tailwind CSS v4
@theme {
--color-espresso-martini: #8b3a00;
--color-espresso-martini-50: #ffebd6;
--color-espresso-martini-100: #ffdcc4;
--color-espresso-martini-200: #ffc5a5;
--color-espresso-martini-300: #eca47e;
--color-espresso-martini-400: #da865b;
--color-espresso-martini-500: #c76834;
--color-espresso-martini-600: #a8592e;
--color-espresso-martini-700: #874724;
--color-espresso-martini-800: #65321a;
--color-espresso-martini-900: #472211;
--color-espresso-martini-950: #2e1104;
}SCSS
$espresso-martini: #8b3a00;
$espresso-martini-rgb: 139, 58, 0;
$espresso-martini-light: mix(#fff, $espresso-martini, 20%);
$espresso-martini-dark: mix(#000, $espresso-martini, 20%);
.element {
color: $espresso-martini;
box-shadow: 0 0 0 2px rgba($espresso-martini, 0.35);
}