لون مسمّى · #A8857A
Hushed Auburn
Hushed Auburn هو #A8857A: rgb(168 133 122)، hsl(14 21% 57%)، oklch(0.647 0.046 38.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Hushed Auburn color name →
#A8857A
oklch(0.647 0.046 38.2)
تحويلات الألوان
- HEX
- #a8857a
- RGB
- rgb(168 133 122)
- HSL
- hsl(14 21% 57%)
- HWB
- hwb(14 48% 34%)
- OKLCH
- oklch(0.647 0.046 38.2)
- OKLab
- oklab(0.647 0.036 0.029)
- CIE Lab
- lab(58.7 12.59 11.32)
- LCH
- lch(58.7 16.93 42)
- CMYK
- cmyk(0% 21% 27% 34%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B19187
- B99C93
- C2A8A0
- CBB4AD
- D3C0BB
- DCCDC8
- E5D9D5
- EEE6E3
- F6F2F1
درجات داكنة
- 927369
- 7C6159
- 675049
- 52403A
- 3F302B
- 2C211D
- 1A1310
- 0A0605
- 010101
درجات رمادية
- A4857B
- A0847B
- 9C847C
- 98837D
- 94837D
- 90827E
- 8C827E
- 88817F
- 84817F
تناسق الألوان
متمم +180°
- A8857A
Hushed Auburn
- 6E95A1
≈ Silver Fir Blue
متجاور -30° +30°
- A8857A
Hushed Auburn
- A88389
≈ Natural Spring
- A18970
≈ River Mud
ثلاثي +120° +240°
- A8857A
Hushed Auburn
- 779784
≈ Mild Green
- 878CAB
≈ Non Skid Grey
متمم منقسم +150° +210°
- A8857A
Hushed Auburn
- 6E9893
≈ Pale Verdigris
- 7891AA
≈ Identity
رباعي +90° +180° +270°
- A8857A
Hushed Auburn
- 869476
≈ Catalina Green
- 6E95A1
≈ Silver Fir Blue
- 9687A4
≈ Antique Viola
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.33:1 · APCA Lc 61
Ag
AAعلى الأسود
WCAG 6.30:1 · APCA Lc 41
أفضل لون للنص: #000000
WCAG 6.30:1 (AA) · APCA Lc 41
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--hushed-auburn: #a8857a;
--hushed-auburn-rgb: 168 133 122;
--hushed-auburn-oklch: oklch(0.647 0.046 38.2);
}
.element {
color: var(--hushed-auburn);
background-color: hsl(14 21% 57%);
border-color: oklch(0.647 0.046 38.2);
}Tailwind CSS v4
@theme {
--color-hushed-auburn: #a8857a;
--color-hushed-auburn-50: #fff1eb;
--color-hushed-auburn-100: #f6e3dc;
--color-hushed-auburn-200: #e7cec6;
--color-hushed-auburn-300: #cdb0a6;
--color-hushed-auburn-400: #b8968b;
--color-hushed-auburn-500: #a27c70;
--color-hushed-auburn-600: #89695f;
--color-hushed-auburn-700: #6e544c;
--color-hushed-auburn-800: #513d37;
--color-hushed-auburn-900: #382a26;
--color-hushed-auburn-950: #231714;
}SCSS
$hushed-auburn: #a8857a;
$hushed-auburn-rgb: 168, 133, 122;
$hushed-auburn-light: mix(#fff, $hushed-auburn, 20%);
$hushed-auburn-dark: mix(#000, $hushed-auburn, 20%);
.element {
color: $hushed-auburn;
box-shadow: 0 0 0 2px rgba($hushed-auburn, 0.35);
}