命名颜色 · #A08D71
Tuscan Mosaic
Tuscan Mosaic 即 #A08D71：rgb(160 141 113)、hsl(36 20% 54%)、oklch(0.653 0.046 77.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Tuscan Mosaic color name →
#A08D71
oklch(0.653 0.046 77.4)
颜色转换
- HEX
- #a08d71
- RGB
- rgb(160 141 113)
- HSL
- hsl(36 20% 54%)
- HWB
- hwb(36 44% 37%)
- OKLCH
- oklch(0.653 0.046 77.4)
- OKLab
- oklab(0.653 0.01 0.045)
- CIE Lab
- lab(59.81 4.12 17.75)
- LCH
- lch(59.81 18.22 76.9)
- CMYK
- cmyk(0% 12% 29% 37%)
浅色调 · 深色调 · 灰色调
浅色调
- A9987F
- B2A38C
- BCAE9A
- C5B9A8
- CFC5B6
- D8D0C4
- E2DCD3
- EBE7E1
- F5F3F0
深色调
- 8B7A61
- 766752
- 615543
- 4E4435
- 3B3327
- 29231A
- 19140E
- 090704
- 010101
灰色调
- 9D8C73
- 9A8A74
- 968976
- 938878
- 908779
- 8D857A
- 8A847C
- 86837D
- 83817F
配色和谐
互补色 +180°
- A08D71
Tuscan Mosaic
- 7F92AC
≈ Lilac Blue
类似色 -30° +30°
- A08D71
Tuscan Mosaic
- A88878
≈ Vagabond
- 939272
≈ Inness Sage
三角配色 +120° +240°
- A08D71
Tuscan Mosaic
- 6F999A
≈ Teal & Tonic
- 9C88A3
≈ Amethyst Grey Violet
分裂互补色 +150° +210°
- A08D71
Tuscan Mosaic
- 7396A6
≈ Smoky Blue
- 8E8CAB
≈ Non Skid Grey
四角配色 +90° +180° +270°
- A08D71
Tuscan Mosaic
- 75998A
≈ Silent Sage
- 7F92AC
≈ Lilac Blue
- A68595
≈ Mohair Pink
对比度与无障碍
Ag
Fail白底
WCAG 3.20:1 · APCA Lc 59
Ag
AA黑底
WCAG 6.54:1 · APCA Lc 42
最佳文字颜色: #000000
WCAG 6.54:1 (AA) · APCA Lc 42
Contrast pairs
代码片段
CSS
:root {
--tuscan-mosaic: #a08d71;
--tuscan-mosaic-rgb: 160 141 113;
--tuscan-mosaic-oklch: oklch(0.653 0.046 77.4);
}
.element {
color: var(--tuscan-mosaic);
background-color: hsl(36 20% 54%);
border-color: oklch(0.653 0.046 77.4);
}Tailwind CSS v4
@theme {
--color-tuscan-mosaic: #a08d71;
--color-tuscan-mosaic-50: #fcf4e7;
--color-tuscan-mosaic-100: #f0e7d7;
--color-tuscan-mosaic-200: #dfd2bf;
--color-tuscan-mosaic-300: #c4b59e;
--color-tuscan-mosaic-400: #ae9b81;
--color-tuscan-mosaic-500: #978364;
--color-tuscan-mosaic-600: #806f55;
--color-tuscan-mosaic-700: #665844;
--color-tuscan-mosaic-800: #4c4031;
--color-tuscan-mosaic-900: #352c21;
--color-tuscan-mosaic-950: #201910;
}SCSS
$tuscan-mosaic: #a08d71;
$tuscan-mosaic-rgb: 160, 141, 113;
$tuscan-mosaic-light: mix(#fff, $tuscan-mosaic, 20%);
$tuscan-mosaic-dark: mix(#000, $tuscan-mosaic, 20%);
.element {
color: $tuscan-mosaic;
box-shadow: 0 0 0 2px rgba($tuscan-mosaic, 0.35);
}