أقرب لون مسمّى · #A57A3E
#A57A3E
أقرب لون مسمّى: Driftwood
#A57A3E (rgb(165 122 62)، hsl(35 45% 45%)، oklch(0.61 0.094 73.5)) أقرب إلى اللون المسمّى Driftwood. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#A57A3E
oklch(0.61 0.094 73.5)
تحويلات الألوان
- HEX
- #a57a3e
- RGB
- rgb(165 122 62)
- HSL
- hsl(35 45% 45%)
- HWB
- hwb(35 24% 35%)
- OKLCH
- oklch(0.61 0.094 73.5)
- OKLab
- oklab(0.61 0.027 0.09)
- CIE Lab
- lab(54.67 12.45 39.06)
- LCH
- lch(54.67 41 72.3)
- CMYK
- cmyk(0% 26% 62% 35%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- AE8752
- B79466
- C0A179
- C9AE8C
- D2BB9E
- DBC9B1
- E4D6C5
- EDE4D8
- F6F1EB
درجات داكنة
- 8F6935
- 79592B
- 654923
- 513A1A
- 3D2B12
- 2B1D0A
- 1A1004
- 0A0501
- 010100
درجات رمادية
- A17B46
- 9E7C4E
- 9A7C55
- 977D5C
- 937E63
- 8F7E69
- 8C7F6F
- 887F75
- 84807A
تناسق الألوان
متمم +180°
- A57A3E
Driftwood
- 5A86BA
≈ Handsome Hue
متجاور -30° +30°
- A57A3E
Driftwood
- B27054
≈ Sunburn
- 8D863E
≈ Apeland
ثلاثي +120° +240°
- A57A3E
Driftwood
- 289593
≈ Java
- 9772AB
≈ Ce Soir
متمم منقسم +150° +210°
- A57A3E
Driftwood
- 368FAD
≈ Carol
- 7C7BBA
≈ Astro Zinger
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.85:1 · APCA Lc 66
Ag
AAعلى الأسود
WCAG 5.45:1 · APCA Lc 36
أفضل لون للنص: #000000
WCAG 5.45:1 (AA) · APCA Lc 36
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--driftwood: #a57a3e;
--driftwood-rgb: 165 122 62;
--driftwood-oklch: oklch(0.61 0.094 73.5);
}
.element {
color: var(--driftwood);
background-color: hsl(35 45% 45%);
border-color: oklch(0.61 0.094 73.5);
}Tailwind CSS v4
@theme {
--color-driftwood: #a57a3e;
--color-driftwood-50: #fff2d8;
--color-driftwood-100: #fbe4c6;
--color-driftwood-200: #eccfa8;
--color-driftwood-300: #d4b181;
--color-driftwood-400: #c0965e;
--color-driftwood-500: #ab7c37;
--color-driftwood-600: #916930;
--color-driftwood-700: #745426;
--color-driftwood-800: #573d1a;
--color-driftwood-900: #3c2a11;
--color-driftwood-950: #261704;
}SCSS
$driftwood: #a57a3e;
$driftwood-rgb: 165, 122, 62;
$driftwood-light: mix(#fff, $driftwood, 20%);
$driftwood-dark: mix(#000, $driftwood, 20%);
.element {
color: $driftwood;
box-shadow: 0 0 0 2px rgba($driftwood, 0.35);
}