命名颜色 · #C9A487
Labyrinth Walk
Labyrinth Walk 即 #C9A487：rgb(201 164 135)、hsl(26 38% 66%)、oklch(0.745 0.059 59.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Labyrinth Walk color name →
#C9A487
oklch(0.745 0.059 59.8)
颜色转换
- HEX
- #c9a487
- RGB
- rgb(201 164 135)
- HSL
- hsl(26 38% 66%)
- HWB
- hwb(26 53% 21%)
- OKLCH
- oklch(0.745 0.059 59.8)
- OKLab
- oklab(0.745 0.03 0.051)
- CIE Lab
- lab(70.23 11 20.5)
- LCH
- lch(70.23 23.26 61.8)
- CMYK
- cmyk(0% 18% 33% 21%)
浅色调 · 深色调 · 灰色调
浅色调
- CFAD93
- D4B69E
- DABFAA
- DFC8B6
- E4D1C2
- EADACE
- EFE3DA
- F4ECE6
- FAF6F3
深色调
- AE8E75
- 957963
- 7C6451
- 645041
- 4C3D31
- 362B21
- 221A13
- 0F0A06
- 020101
灰色调
- C2A087
- BA9D86
- B39985
- AC9685
- A49284
- 9D8E83
- 968B83
- 8E8782
- 878481
配色和谐
互补色 +180°
- C9A487
Labyrinth Walk
- 8AB2CE
≈ Windy Day
类似色 -30° +30°
- C9A487
Labyrinth Walk
- CF9F96
≈ Soft Sienna
- BBAB82
≈ Inner Cervela
三角配色 +120° +240°
- C9A487
Labyrinth Walk
- 83B9AD
≈ Winter Surf
- B2A4CD
≈ Milky Lavender
分裂互补色 +150° +210°
- C9A487
Labyrinth Walk
- 80B7C1
≈ Waterway
- 9DABD3
≈ Lilac Scent Soft Blue
四角配色 +90° +180° +270°
- C9A487
Labyrinth Walk
- 92B799
≈ Summer Green
- 8AB2CE
≈ Windy Day
- C29FBF
≈ Beach Lilac
对比度与无障碍
Ag
Fail白底
WCAG 2.29:1 · APCA Lc 45
Ag
AAA黑底
WCAG 9.14:1 · APCA Lc 57
最佳文字颜色: #000000
WCAG 9.14:1 (AAA) · APCA Lc 57
Contrast pairs
代码片段
CSS
:root {
--labyrinth-walk: #c9a487;
--labyrinth-walk-rgb: 201 164 135;
--labyrinth-walk-oklch: oklch(0.745 0.059 59.8);
}
.element {
color: var(--labyrinth-walk);
background-color: hsl(26 38% 66%);
border-color: oklch(0.745 0.059 59.8);
}Tailwind CSS v4
@theme {
--color-labyrinth-walk: #c9a487;
--color-labyrinth-walk-50: #fff2e4;
--color-labyrinth-walk-100: #f7e4d4;
--color-labyrinth-walk-200: #e8cfbb;
--color-labyrinth-walk-300: #ceb199;
--color-labyrinth-walk-400: #b9977b;
--color-labyrinth-walk-500: #a47d5e;
--color-labyrinth-walk-600: #8a6a50;
--color-labyrinth-walk-700: #6f5540;
--color-labyrinth-walk-800: #523d2e;
--color-labyrinth-walk-900: #392a1f;
--color-labyrinth-walk-950: #24180f;
}SCSS
$labyrinth-walk: #c9a487;
$labyrinth-walk-rgb: 201, 164, 135;
$labyrinth-walk-light: mix(#fff, $labyrinth-walk, 20%);
$labyrinth-walk-dark: mix(#000, $labyrinth-walk, 20%);
.element {
color: $labyrinth-walk;
box-shadow: 0 0 0 2px rgba($labyrinth-walk, 0.35);
}