最接近的命名颜色 · #9A896B
#9A896B
最接近的命名颜色: Shipwreck
#9A896B（rgb(154 137 107)、hsl(38 19% 51%)、oklch(0.637 0.047 81.7)）最接近命名颜色 Shipwreck。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#9A896B
oklch(0.637 0.047 81.7)
颜色转换
- HEX
- #9a896b
- RGB
- rgb(154 137 107)
- HSL
- hsl(38 19% 51%)
- HWB
- hwb(38 42% 40%)
- OKLCH
- oklch(0.637 0.047 81.7)
- OKLab
- oklab(0.637 0.007 0.047)
- CIE Lab
- lab(58.05 3.12 18.62)
- LCH
- lch(58.05 18.88 80.5)
- CMYK
- cmyk(0% 11% 31% 40%)
浅色调 · 深色调 · 灰色调
浅色调
- A49479
- AEA087
- B7AB96
- C1B7A4
- CBC3B3
- D6CEC2
- E0DAD1
- EAE6E0
- F5F3EF
深色调
- 85765C
- 71644E
- 5E533F
- 4B4232
- 393125
- 272218
- 17140D
- 090704
- 010100
灰色调
- 97886D
- 958770
- 928672
- 908674
- 8D8576
- 8A8478
- 88837A
- 85827C
- 83817E
配色和谐
互补色 +180°
- 9A896B
Shipwreck
- 7C8CA9
≈ Evening Hush
类似色 -30° +30°
- 9A896B
Shipwreck
- A38471
≈ Roebuck
- 8C8F6E
≈ Rowntree
三角配色 +120° +240°
- 9A896B
Shipwreck
- 699497
≈ Vintage Teal
- 99829D
≈ Mixed Berries
分裂互补色 +150° +210°
- 9A896B
Shipwreck
- 6F91A3
≈ Wave Jumper
- 8B87A6
≈ Purple Hills
四角配色 +90° +180° +270°
- 9A896B
Shipwreck
- 6E9588
≈ Up North
- 7C8CA9
≈ Evening Hush
- A3808E
≈ Tropical Orchid
对比度与无障碍
Ag
Fail白底
WCAG 3.40:1 · APCA Lc 62
Ag
AA黑底
WCAG 6.16:1 · APCA Lc 40
最佳文字颜色: #000000
WCAG 6.16:1 (AA) · APCA Lc 40
Contrast pairs
代码片段
CSS
:root {
--shipwreck: #9a896b;
--shipwreck-rgb: 154 137 107;
--shipwreck-oklch: oklch(0.637 0.047 81.7);
}
.element {
color: var(--shipwreck);
background-color: hsl(38 19% 51%);
border-color: oklch(0.637 0.047 81.7);
}Tailwind CSS v4
@theme {
--color-shipwreck: #9a896b;
--color-shipwreck-50: #fcf4e6;
--color-shipwreck-100: #efe7d7;
--color-shipwreck-200: #ded3be;
--color-shipwreck-300: #c3b69d;
--color-shipwreck-400: #ad9c7f;
--color-shipwreck-500: #968362;
--color-shipwreck-600: #7f6f54;
--color-shipwreck-700: #665943;
--color-shipwreck-800: #4b4130;
--color-shipwreck-900: #342d20;
--color-shipwreck-950: #201a10;
}SCSS
$shipwreck: #9a896b;
$shipwreck-rgb: 154, 137, 107;
$shipwreck-light: mix(#fff, $shipwreck, 20%);
$shipwreck-dark: mix(#000, $shipwreck, 20%);
.element {
color: $shipwreck;
box-shadow: 0 0 0 2px rgba($shipwreck, 0.35);
}