命名颜色 · #4E2728
Volcano
Volcano 即 #4E2728：rgb(78 39 40)、hsl(358 33% 23%)、oklch(0.325 0.059 19.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Brown mean? → · Volcano color name →
#4E2728
oklch(0.325 0.059 19.2)
颜色转换
- HEX
- #4e2728
- RGB
- rgb(78 39 40)
- HSL
- hsl(358 33% 23%)
- HWB
- hwb(358 15% 69%)
- OKLCH
- oklch(0.325 0.059 19.2)
- OKLab
- oklab(0.325 0.055 0.019)
- CIE Lab
- lab(21.13 18.74 7.94)
- LCH
- lch(21.13 20.36 22.9)
- CMYK
- cmyk(0% 50% 49% 69%)
浅色调 · 深色调 · 灰色调
浅色调
- 5F3A3A
- 704E4E
- 816262
- 937776
- A48C8C
- B6A2A2
- C8B9B8
- DAD0CF
- EDE7E7
深色调
- 432021
- 381A1B
- 2D1415
- 230E0F
- 190809
- 0F0404
- 070202
- 020101
- 000000
灰色调
- 543030
- 593838
- 5E4141
- 634A49
- 685252
- 6D5B5B
- 726464
- 776D6D
- 7B7777
配色和谐
互补色 +180°
- 4E2728
Volcano
- 003D3F
≈ Rich Black
类似色 -30° +30°
- 4E2728
Volcano
- 4A2739
≈ Wine Tasting
- 4C2A17
≈ Bittersweet Chocolate
三角配色 +120° +240°
- 4E2728
Volcano
- 243B1D
≈ Queen of Trees
- 213452
≈ Boatswain
分裂互补色 +150° +210°
- 4E2728
Volcano
- 0B3E2F
≈ Mizukaze Green
- 09394C
≈ Gibraltar Sea
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 12.76:1 · APCA Lc 99
Ag
Fail黑底
WCAG 1.64:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 12.76:1 (AAA) · APCA Lc 99
Contrast pairs
代码片段
CSS
:root {
--volcano: #4e2728;
--volcano-rgb: 78 39 40;
--volcano-oklch: oklch(0.325 0.059 19.2);
}
.element {
color: var(--volcano);
background-color: hsl(358 33% 23%);
border-color: oklch(0.325 0.059 19.2);
}Tailwind CSS v4
@theme {
--color-volcano: #4e2728;
--color-volcano-50: #ffefee;
--color-volcano-100: #fbe1df;
--color-volcano-200: #edcbc9;
--color-volcano-300: #d4acaa;
--color-volcano-400: #bf9191;
--color-volcano-500: #aa7777;
--color-volcano-600: #8f6565;
--color-volcano-700: #735050;
--color-volcano-800: #553a3b;
--color-volcano-900: #3b2828;
--color-volcano-950: #251616;
}SCSS
$volcano: #4e2728;
$volcano-rgb: 78, 39, 40;
$volcano-light: mix(#fff, $volcano, 20%);
$volcano-dark: mix(#000, $volcano, 20%);
.element {
color: $volcano;
box-shadow: 0 0 0 2px rgba($volcano, 0.35);
}