最接近的命名颜色 · #3F2E30
#3F2E30
最接近的命名颜色: Havana
#3F2E30（rgb(63 46 48)、hsl(353 16% 21%)、oklch(0.321 0.025 10.7)）最接近命名颜色 Havana。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#3F2E30
oklch(0.321 0.025 10.7)
颜色转换
- HEX
- #3f2e30
- RGB
- rgb(63 46 48)
- HSL
- hsl(353 16% 21%)
- HWB
- hwb(353 18% 75%)
- OKLCH
- oklch(0.321 0.025 10.7)
- OKLab
- oklab(0.321 0.025 0.005)
- CIE Lab
- lab(20.99 8.31 1.89)
- LCH
- lch(20.99 8.52 12.8)
- CMYK
- cmyk(0% 27% 24% 75%)
浅色调 · 深色调 · 灰色调
浅色调
- 504042
- 625354
- 746668
- 877B7C
- 9A8F90
- ADA5A6
- C1BBBB
- D5D1D1
- EAE8E8
深色调
- 352728
- 2C1F21
- 23181A
- 1B1213
- 120B0C
- 0A0606
- 040203
- 010101
- 000000
灰色调
- 453637
- 4C3D3F
- 524547
- 594D4E
- 5F5556
- 665E5E
- 6C6667
- 736F6F
- 797777
配色和谐
互补色 +180°
- 3F2E30
Havana
- 243736
≈ Kōrainando Green
类似色 -30° +30°
- 3F2E30
Havana
- 3C2E37
≈ Valentino Nero
- 3F2F29
≈ Chinese Ink
三角配色 +120° +240°
- 3F2E30
Havana
- 2F3628
≈ Aimiru Brown
- 2A3440
≈ Anchors Aweigh
分裂互补色 +150° +210°
- 3F2E30
Havana
- 28372F
≈ Tetsu Black
- 25363C
≈ Petrol Slumber
四角配色 +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 {
--havana: #3f2e30;
--havana-rgb: 63 46 48;
--havana-oklch: oklch(0.321 0.025 10.7);
}
.element {
color: var(--havana);
background-color: hsl(353 16% 21%);
border-color: oklch(0.321 0.025 10.7);
}Tailwind CSS v4
@theme {
--color-havana: #3f2e30;
--color-havana-50: #fcf2f3;
--color-havana-100: #f0e5e5;
--color-havana-200: #dfd0d1;
--color-havana-300: #c4b2b4;
--color-havana-400: #ad999b;
--color-havana-500: #968082;
--color-havana-600: #7f6c6e;
--color-havana-700: #665658;
--color-havana-800: #4b3f40;
--color-havana-900: #342b2c;
--color-havana-950: #1f191a;
}SCSS
$havana: #3f2e30;
$havana-rgb: 63, 46, 48;
$havana-light: mix(#fff, $havana, 20%);
$havana-dark: mix(#000, $havana, 20%);
.element {
color: $havana;
box-shadow: 0 0 0 2px rgba($havana, 0.35);
}