أقرب لون مسمّى · #C8A679
#C8A679
أقرب لون مسمّى: Outback
#C8A679 (rgb(200 166 121)، hsl(34 42% 63%)، oklch(0.745 0.072 74.1)) أقرب إلى اللون المسمّى Outback. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#C8A679
oklch(0.745 0.072 74.1)
تحويلات الألوان
- HEX
- #c8a679
- RGB
- rgb(200 166 121)
- HSL
- hsl(34 42% 63%)
- HWB
- hwb(34 47% 22%)
- OKLCH
- oklch(0.745 0.072 74.1)
- OKLab
- oklab(0.745 0.02 0.069)
- CIE Lab
- lab(70.42 8.34 28.24)
- LCH
- lch(70.42 29.45 73.5)
- CMYK
- cmyk(0% 17% 40% 22%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CEAF86
- D3B894
- D9C0A1
- DEC9AE
- E4D2BC
- E9DBC9
- EFE4D6
- F4EDE4
- FAF6F1
درجات داكنة
- AE9068
- 947A58
- 7B6548
- 635139
- 4C3E2B
- 362B1D
- 211A10
- 0F0A05
- 020101
درجات رمادية
- C1A27A
- B99E7B
- B29B7C
- AB977D
- A4937E
- 9C8F7E
- 958C7F
- 8E887F
- 878480
تناسق الألوان
متمم +180°
- C8A679
Outback
- 8DAFDA
≈ Boy Blue
متجاور -30° +30°
- C8A679
Outback
- D49E87
≈ Orange Maple
- B3AF79
≈ Weeping Willow
ثلاثي +120° +240°
- C8A679
Outback
- 73BBBA
≈ Aqua Sky
- BD9FCD
≈ Turnip Crown
متمم منقسم +150° +210°
- C8A679
Outback
- 79B7CE
≈ Blue Chrysocolla
- A6A7D9
≈ Childish Wonder
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.28:1 · APCA Lc 45
Ag
AAAعلى الأسود
WCAG 9.18:1 · APCA Lc 57
أفضل لون للنص: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--outback: #c8a679;
--outback-rgb: 200 166 121;
--outback-oklch: oklch(0.745 0.072 74.1);
}
.element {
color: var(--outback);
background-color: hsl(34 42% 63%);
border-color: oklch(0.745 0.072 74.1);
}Tailwind CSS v4
@theme {
--color-outback: #c8a679;
--color-outback-50: #fff3df;
--color-outback-100: #f6e5ce;
--color-outback-200: #e6d1b3;
--color-outback-300: #cdb38e;
--color-outback-400: #b8986e;
--color-outback-500: #a37f4e;
--color-outback-600: #8a6c43;
--color-outback-700: #6e5635;
--color-outback-800: #523e25;
--color-outback-900: #392b19;
--color-outback-950: #23180a;
}SCSS
$outback: #c8a679;
$outback-rgb: 200, 166, 121;
$outback-light: mix(#fff, $outback, 20%);
$outback-dark: mix(#000, $outback, 20%);
.element {
color: $outback;
box-shadow: 0 0 0 2px rgba($outback, 0.35);
}