لون مسمّى · #A08D71
Tuscan Mosaic
Tuscan Mosaic هو #A08D71: rgb(160 141 113)، hsl(36 20% 54%)، oklch(0.653 0.046 77.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Tuscan Mosaic color name →
#A08D71
oklch(0.653 0.046 77.4)
تحويلات الألوان
- HEX
- #a08d71
- RGB
- rgb(160 141 113)
- HSL
- hsl(36 20% 54%)
- HWB
- hwb(36 44% 37%)
- OKLCH
- oklch(0.653 0.046 77.4)
- OKLab
- oklab(0.653 0.01 0.045)
- CIE Lab
- lab(59.81 4.12 17.75)
- LCH
- lch(59.81 18.22 76.9)
- CMYK
- cmyk(0% 12% 29% 37%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A9987F
- B2A38C
- BCAE9A
- C5B9A8
- CFC5B6
- D8D0C4
- E2DCD3
- EBE7E1
- F5F3F0
درجات داكنة
- 8B7A61
- 766752
- 615543
- 4E4435
- 3B3327
- 29231A
- 19140E
- 090704
- 010101
درجات رمادية
- 9D8C73
- 9A8A74
- 968976
- 938878
- 908779
- 8D857A
- 8A847C
- 86837D
- 83817F
تناسق الألوان
متمم +180°
- A08D71
Tuscan Mosaic
- 7F92AC
≈ Lilac Blue
متجاور -30° +30°
- A08D71
Tuscan Mosaic
- A88878
≈ Vagabond
- 939272
≈ Inness Sage
ثلاثي +120° +240°
- A08D71
Tuscan Mosaic
- 6F999A
≈ Teal & Tonic
- 9C88A3
≈ Amethyst Grey Violet
متمم منقسم +150° +210°
- A08D71
Tuscan Mosaic
- 7396A6
≈ Smoky Blue
- 8E8CAB
≈ Non Skid Grey
رباعي +90° +180° +270°
- A08D71
Tuscan Mosaic
- 75998A
≈ Silent Sage
- 7F92AC
≈ Lilac Blue
- A68595
≈ Mohair Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.20:1 · APCA Lc 59
Ag
AAعلى الأسود
WCAG 6.54:1 · APCA Lc 42
أفضل لون للنص: #000000
WCAG 6.54:1 (AA) · APCA Lc 42
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--tuscan-mosaic: #a08d71;
--tuscan-mosaic-rgb: 160 141 113;
--tuscan-mosaic-oklch: oklch(0.653 0.046 77.4);
}
.element {
color: var(--tuscan-mosaic);
background-color: hsl(36 20% 54%);
border-color: oklch(0.653 0.046 77.4);
}Tailwind CSS v4
@theme {
--color-tuscan-mosaic: #a08d71;
--color-tuscan-mosaic-50: #fcf4e7;
--color-tuscan-mosaic-100: #f0e7d7;
--color-tuscan-mosaic-200: #dfd2bf;
--color-tuscan-mosaic-300: #c4b59e;
--color-tuscan-mosaic-400: #ae9b81;
--color-tuscan-mosaic-500: #978364;
--color-tuscan-mosaic-600: #806f55;
--color-tuscan-mosaic-700: #665844;
--color-tuscan-mosaic-800: #4c4031;
--color-tuscan-mosaic-900: #352c21;
--color-tuscan-mosaic-950: #201910;
}SCSS
$tuscan-mosaic: #a08d71;
$tuscan-mosaic-rgb: 160, 141, 113;
$tuscan-mosaic-light: mix(#fff, $tuscan-mosaic, 20%);
$tuscan-mosaic-dark: mix(#000, $tuscan-mosaic, 20%);
.element {
color: $tuscan-mosaic;
box-shadow: 0 0 0 2px rgba($tuscan-mosaic, 0.35);
}