最接近的命名颜色 · #9F5B32
#9F5B32
最接近的命名颜色: Indochine
#9F5B32（rgb(159 91 50)、hsl(23 52% 41%)、oklch(0.541 0.105 50.1)）最接近命名颜色 Indochine。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#9F5B32
oklch(0.541 0.105 50.1)
颜色转换
- HEX
- #9f5b32
- RGB
- rgb(159 91 50)
- HSL
- hsl(23 52% 41%)
- HWB
- hwb(23 20% 38%)
- OKLCH
- oklch(0.541 0.105 50.1)
- OKLab
- oklab(0.541 0.067 0.081)
- CIE Lab
- lab(46.19 25.96 35.68)
- LCH
- lch(46.19 44.12 54)
- CMYK
- cmyk(0% 43% 69% 38%)
浅色调 · 深色调 · 灰色调
浅色调
- A96B47
- B47B5B
- BE8B6F
- C79B83
- D1AB97
- DABCAB
- E4CCC0
- EDDDD5
- F6EEEA
深色调
- 8A4E2A
- 754122
- 61351B
- 4D2914
- 3B1E0D
- 291307
- 180903
- 090301
- 010000
灰色调
- 9D5F3B
- 9A6344
- 97674C
- 946B54
- 926F5C
- 8E7263
- 8B766B
- 887972
- 847D79
配色和谐
互补色 +180°
- 9F5B32
Indochine
- 0C79A0
≈ Mitchell Blue
类似色 -30° +30°
- 9F5B32
Indochine
- A35455
≈ The Ego Has Landed
- 8F6714
≈ Sassy Olive
三角配色 +120° +240°
- 9F5B32
Indochine
- 098266
≈ Bosphorus
- 6F63A8
≈ Scampi
分裂互补色 +150° +210°
- 9F5B32
Indochine
- 007F84
≈ Go Alpha
- 4A6FAC
≈ New Age Blue
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 5.22:1 · APCA Lc 76
Ag
Fail黑底
WCAG 4.01:1 · APCA Lc 26
最佳文字颜色: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--indochine: #9f5b32;
--indochine-rgb: 159 91 50;
--indochine-oklch: oklch(0.541 0.105 50.1);
}
.element {
color: var(--indochine);
background-color: hsl(23 52% 41%);
border-color: oklch(0.541 0.105 50.1);
}Tailwind CSS v4
@theme {
--color-indochine: #9f5b32;
--color-indochine-50: #ffeeda;
--color-indochine-100: #ffdfc8;
--color-indochine-200: #fac8ab;
--color-indochine-300: #e3a986;
--color-indochine-400: #d18c65;
--color-indochine-500: #bd7042;
--color-indochine-600: #a05f39;
--color-indochine-700: #804c2d;
--color-indochine-800: #603620;
--color-indochine-900: #432515;
--color-indochine-950: #2b1307;
}SCSS
$indochine: #9f5b32;
$indochine-rgb: 159, 91, 50;
$indochine-light: mix(#fff, $indochine, 20%);
$indochine-dark: mix(#000, $indochine, 20%);
.element {
color: $indochine;
box-shadow: 0 0 0 2px rgba($indochine, 0.35);
}