最接近的命名颜色 · #AB662A
#AB662A
最接近的命名颜色: Mai Tai
#AB662A（rgb(171 102 42)、hsl(28 61% 42%)、oklch(0.576 0.115 58.1)）最接近命名颜色 Mai Tai。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#AB662A
oklch(0.576 0.115 58.1)
颜色转换
- HEX
- #ab662a
- RGB
- rgb(171 102 42)
- HSL
- hsl(28 61% 42%)
- HWB
- hwb(28 16% 33%)
- OKLCH
- oklch(0.576 0.115 58.1)
- OKLab
- oklab(0.576 0.061 0.098)
- CIE Lab
- lab(50.37 24.95 44.6)
- LCH
- lch(50.37 51.11 60.8)
- CMYK
- cmyk(0% 40% 75% 33%)
浅色调 · 深色调 · 灰色调
浅色调
- B47542
- BD8458
- C6936D
- CFA282
- D7B296
- DFC1AB
- E7D0BF
- EFE0D4
- F7EFEA
深色调
- 945823
- 7E4A1C
- 683C16
- 542F10
- 40230A
- 2D1705
- 1B0C02
- 0B0401
- 010000
灰色调
- A76936
- A36C40
- 9F6F4A
- 9B7252
- 97755B
- 937763
- 8E796A
- 8A7C72
- 857E79
配色和谐
互补色 +180°
- AB662A
Mai Tai
- 2382B5
≈ Mediterranean Blue
类似色 -30° +30°
- AB662A
Mai Tai
- B35C52
≈ Giant’s Club
- 96740A
≈ Glazed Chestnut
三角配色 +120° +240°
- AB662A
Mai Tai
- 008D79
≈ Emerald Enchantment
- 8269B4
≈ Lavish Spending
分裂互补色 +150° +210°
- AB662A
Mai Tai
- 008998
≈ Atlantic Blue
- 5C75BD
≈ Blue Android Base
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 4.50:1 · APCA Lc 71
Ag
AA黑底
WCAG 4.66:1 · APCA Lc 31
最佳文字颜色: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
代码片段
CSS
:root {
--mai-tai: #ab662a;
--mai-tai-rgb: 171 102 42;
--mai-tai-oklch: oklch(0.576 0.115 58.1);
}
.element {
color: var(--mai-tai);
background-color: hsl(28 61% 42%);
border-color: oklch(0.576 0.115 58.1);
}Tailwind CSS v4
@theme {
--color-mai-tai: #ab662a;
--color-mai-tai-50: #ffeed5;
--color-mai-tai-100: #ffe0c2;
--color-mai-tai-200: #fac9a3;
--color-mai-tai-300: #e3aa7b;
--color-mai-tai-400: #d18d56;
--color-mai-tai-500: #be702c;
--color-mai-tai-600: #a05f27;
--color-mai-tai-700: #814c1f;
--color-mai-tai-800: #603716;
--color-mai-tai-900: #43250e;
--color-mai-tai-950: #2b1402;
}SCSS
$mai-tai: #ab662a;
$mai-tai-rgb: 171, 102, 42;
$mai-tai-light: mix(#fff, $mai-tai, 20%);
$mai-tai-dark: mix(#000, $mai-tai, 20%);
.element {
color: $mai-tai;
box-shadow: 0 0 0 2px rgba($mai-tai, 0.35);
}