لون مسمّى · #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);
}