最接近的命名颜色 · #3E2E2F
#3E2E2F
最接近的命名颜色: Havana
#3E2E2F（rgb(62 46 47)、hsl(356 15% 21%)、oklch(0.32 0.024 14.3)）最接近命名颜色 Havana。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#3E2E2F
oklch(0.32 0.024 14.3)
颜色转换
- HEX
- #3e2e2f
- RGB
- rgb(62 46 47)
- HSL
- hsl(356 15% 21%)
- HWB
- hwb(356 18% 76%)
- OKLCH
- oklch(0.32 0.024 14.3)
- OKLab
- oklab(0.32 0.023 0.006)
- CIE Lab
- lab(20.84 7.7 2.33)
- LCH
- lch(20.84 8.04 16.8)
- CMYK
- cmyk(0% 26% 24% 76%)
浅色调 · 深色调 · 灰色调
浅色调
- 4F4041
- 615354
- 736667
- 867B7B
- 998F90
- ADA5A5
- C1BBBB
- D5D1D1
- EAE8E8
深色调
- 352727
- 2B1F20
- 231819
- 1A1212
- 120B0C
- 0A0606
- 040203
- 010101
- 000000
灰色调
- 443636
- 4B3D3E
- 514546
- 584D4E
- 5E5556
- 655E5E
- 6C6666
- 726F6F
- 797777
配色和谐
互补色 +180°
- 3E2E2F
Havana
- 243736
≈ Kōrainando Green
类似色 -30° +30°
- 3E2E2F
Havana
- 3C2E36
≈ Venous Blood Red
- 3D2F29
≈ After Eight
三角配色 +120° +240°
- 3E2E2F
Havana
- 2E3629
≈ Aimiru Brown
- 2B343F
≈ Anchors Aweigh
分裂互补色 +150° +210°
- 3E2E2F
Havana
- 283730
≈ Tetsu Black
- 26363C
≈ Petrol Slumber
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 12.83:1 · APCA Lc 99
Ag
Fail黑底
WCAG 1.63:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 12.83:1 (AAA) · APCA Lc 99
Contrast pairs
代码片段
CSS
:root {
--havana: #3e2e2f;
--havana-rgb: 62 46 47;
--havana-oklch: oklch(0.32 0.024 14.3);
}
.element {
color: var(--havana);
background-color: hsl(356 15% 21%);
border-color: oklch(0.32 0.024 14.3);
}Tailwind CSS v4
@theme {
--color-havana: #3e2e2f;
--color-havana-50: #fcf3f3;
--color-havana-100: #f0e5e5;
--color-havana-200: #ded0d1;
--color-havana-300: #c3b3b3;
--color-havana-400: #ac999a;
--color-havana-500: #958081;
--color-havana-600: #7e6c6d;
--color-havana-700: #655757;
--color-havana-800: #4a3f40;
--color-havana-900: #332b2c;
--color-havana-950: #1f1919;
}SCSS
$havana: #3e2e2f;
$havana-rgb: 62, 46, 47;
$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);
}