لون مسمّى · #AC8F6C
Morrel
Morrel هو #AC8F6C: rgb(172 143 108)، hsl(33 28% 55%)، oklch(0.668 0.06 71.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Morrel color name →
#AC8F6C
oklch(0.668 0.06 71.8)
تحويلات الألوان
- HEX
- #ac8f6c
- RGB
- rgb(172 143 108)
- HSL
- hsl(33 28% 55%)
- HWB
- hwb(33 42% 33%)
- OKLCH
- oklch(0.668 0.06 71.8)
- OKLab
- oklab(0.668 0.019 0.057)
- CIE Lab
- lab(61.46 7.57 22.97)
- LCH
- lch(61.46 24.18 71.8)
- CMYK
- cmyk(0% 17% 37% 33%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- B49A7A
- BCA588
- C5B097
- CDBBA5
- D5C6B4
- DED1C3
- E6DCD2
- EEE8E1
- F7F3F0
درجات داكنة
- 957C5D
- 7F694E
- 695740
- 544532
- 403425
- 2D2419
- 1B150D
- 0B0704
- 010100
درجات رمادية
- A88E6E
- A38C71
- 9F8B73
- 9A8975
- 968877
- 928679
- 8D857B
- 89837D
- 84827E
تناسق الألوان
متمم +180°
- AC8F6C
Morrel
- 7A98B9
≈ Eiger Nordwand
متجاور -30° +30°
- AC8F6C
Morrel
- B58978
≈ Plum Blossom Dye
- 9C966B
≈ Cactus Sand
ثلاثي +120° +240°
- AC8F6C
Morrel
- 68A19E
≈ Folk Song
- A18AB0
≈ Flirty Pink
متمم منقسم +150° +210°
- AC8F6C
Morrel
- 6B9DAF
≈ Left Bank Blue
- 8E91B9
≈ Purple Amethyst
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.04:1 · APCA Lc 57
Ag
AAعلى الأسود
WCAG 6.89:1 · APCA Lc 45
أفضل لون للنص: #000000
WCAG 6.89:1 (AA) · APCA Lc 45
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--morrel: #ac8f6c;
--morrel-rgb: 172 143 108;
--morrel-oklch: oklch(0.668 0.06 71.8);
}
.element {
color: var(--morrel);
background-color: hsl(33 28% 55%);
border-color: oklch(0.668 0.06 71.8);
}Tailwind CSS v4
@theme {
--color-morrel: #ac8f6c;
--color-morrel-50: #fff3e3;
--color-morrel-100: #f4e5d3;
--color-morrel-200: #e4d1b9;
--color-morrel-300: #cab396;
--color-morrel-400: #b59978;
--color-morrel-500: #9f805a;
--color-morrel-600: #876c4c;
--color-morrel-700: #6c573d;
--color-morrel-800: #503f2b;
--color-morrel-900: #382b1d;
--color-morrel-950: #22190d;
}SCSS
$morrel: #ac8f6c;
$morrel-rgb: 172, 143, 108;
$morrel-light: mix(#fff, $morrel, 20%);
$morrel-dark: mix(#000, $morrel, 20%);
.element {
color: $morrel;
box-shadow: 0 0 0 2px rgba($morrel, 0.35);
}