لون مسمّى · #C8A278
Fresh Sawdust
Fresh Sawdust هو #C8A278: rgb(200 162 120)، hsl(31 42% 63%)، oklch(0.737 0.072 69.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Fresh Sawdust color name →
#C8A278
oklch(0.737 0.072 69.1)
تحويلات الألوان
- HEX
- #c8a278
- RGB
- rgb(200 162 120)
- HSL
- hsl(31 42% 63%)
- HWB
- hwb(31 47% 22%)
- OKLCH
- oklch(0.737 0.072 69.1)
- OKLab
- oklab(0.737 0.026 0.068)
- CIE Lab
- lab(69.39 10.31 27.45)
- LCH
- lch(69.39 29.32 69.4)
- CMYK
- cmyk(0% 19% 40% 22%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CEAB85
- D3B493
- D9BEA0
- DEC7AD
- E4D0BB
- E9D9C8
- EFE3D6
- F4ECE4
- FAF6F1
درجات داكنة
- AE8C67
- 947757
- 7B6348
- 634F39
- 4C3C2A
- 362A1D
- 211910
- 0F0A05
- 020101
درجات رمادية
- C19F79
- B99B7A
- B2987B
- AB957C
- A4917D
- 9D8E7E
- 958A7F
- 8E877F
- 878380
تناسق الألوان
متمم +180°
- C8A278
Fresh Sawdust
- 87AED6
≈ Boo Blue
متجاور -30° +30°
- C8A278
Fresh Sawdust
- D29B88
≈ Dusty Coral
- B5AB76
≈ Heavy Goldbrown
ثلاثي +120° +240°
- C8A278
Fresh Sawdust
- 72B9B3
≈ Earth Eclipse
- B79ECD
≈ Dechala Lilac
متمم منقسم +150° +210°
- C8A278
Fresh Sawdust
- 74B5C9
≈ Tennis Blue
- A0A6D7
≈ Sorbet Ice Mauve
رباعي +90° +180° +270°
- C8A278
Fresh Sawdust
- 82B899
≈ Water Green
- 87AED6
≈ Boo Blue
- C998B9
≈ Morning Glory Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.36:1 · APCA Lc 46
Ag
AAAعلى الأسود
WCAG 8.89:1 · APCA Lc 56
أفضل لون للنص: #000000
WCAG 8.89:1 (AAA) · APCA Lc 56
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--fresh-sawdust: #c8a278;
--fresh-sawdust-rgb: 200 162 120;
--fresh-sawdust-oklch: oklch(0.737 0.072 69.1);
}
.element {
color: var(--fresh-sawdust);
background-color: hsl(31 42% 63%);
border-color: oklch(0.737 0.072 69.1);
}Tailwind CSS v4
@theme {
--color-fresh-sawdust: #c8a278;
--color-fresh-sawdust-50: #fff2df;
--color-fresh-sawdust-100: #f8e4ce;
--color-fresh-sawdust-200: #e8d0b3;
--color-fresh-sawdust-300: #cfb28f;
--color-fresh-sawdust-400: #bb9770;
--color-fresh-sawdust-500: #a67d50;
--color-fresh-sawdust-600: #8c6a44;
--color-fresh-sawdust-700: #705536;
--color-fresh-sawdust-800: #533d26;
--color-fresh-sawdust-900: #3a2a1a;
--color-fresh-sawdust-950: #24180a;
}SCSS
$fresh-sawdust: #c8a278;
$fresh-sawdust-rgb: 200, 162, 120;
$fresh-sawdust-light: mix(#fff, $fresh-sawdust, 20%);
$fresh-sawdust-dark: mix(#000, $fresh-sawdust, 20%);
.element {
color: $fresh-sawdust;
box-shadow: 0 0 0 2px rgba($fresh-sawdust, 0.35);
}