لون مسمّى · #774411
Ancient Planks
Ancient Planks هو #774411: rgb(119 68 17)، hsl(30 75% 27%)، oklch(0.439 0.093 60). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Brown mean? → · Ancient Planks color name →
#774411
oklch(0.439 0.093 60)
تحويلات الألوان
- HEX
- #774411
- RGB
- rgb(119 68 17)
- HSL
- hsl(30 75% 27%)
- HWB
- hwb(30 7% 53%)
- OKLCH
- oklch(0.439 0.093 60)
- OKLab
- oklab(0.439 0.047 0.081)
- CIE Lab
- lab(34.56 19.68 38.11)
- LCH
- lch(34.56 42.89 62.7)
- CMYK
- cmyk(0% 43% 86% 53%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 85562D
- 926744
- A0795A
- AD8C71
- BB9E88
- C9B19F
- D6C4B6
- E4D7CE
- F1EBE6
درجات داكنة
- 673A0D
- 573009
- 472606
- 381D04
- 2A1402
- 1C0C01
- 100500
- 050200
- 010000
درجات رمادية
- 794A21
- 7A512D
- 7B5739
- 7C5D43
- 7D634E
- 7E6958
- 7F6F62
- 7F746C
- 807A76
تناسق الألوان
متمم +180°
- 774411
Ancient Planks
- 105880
≈ Whale’s Tale
متجاور -30° +30°
- 774411
Ancient Planks
- 7E3C32
≈ Red Pepper
- 664F00
≈ Olive Brown
ثلاثي +120° +240°
- 774411
Ancient Planks
- 006054
≈ Alpine Green
- 5B457E
≈ In the Vines
متمم منقسم +150° +210°
- 774411
Ancient Planks
- 005D69
≈ Hero
- 3E4E86
≈ Dive In
رباعي +90° +180° +270°
- 774411
Ancient Planks
- 256035
≈ Derbyshire
- 105880
≈ Whale’s Tale
- 6F3E6B
≈ Burnt Orchid
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 8.01:1 · APCA Lc 87
Ag
Failعلى الأسود
WCAG 2.61:1 · APCA Lc 15
أفضل لون للنص: #FFFFFF
WCAG 8.01:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--ancient-planks: #774411;
--ancient-planks-rgb: 119 68 17;
--ancient-planks-oklch: oklch(0.439 0.093 60);
}
.element {
color: var(--ancient-planks);
background-color: hsl(30 75% 27%);
border-color: oklch(0.439 0.093 60);
}Tailwind CSS v4
@theme {
--color-ancient-planks: #774411;
--color-ancient-planks-50: #fff0db;
--color-ancient-planks-100: #ffe2c9;
--color-ancient-planks-200: #f2ccac;
--color-ancient-planks-300: #dbad86;
--color-ancient-planks-400: #c79165;
--color-ancient-planks-500: #b37642;
--color-ancient-planks-600: #976439;
--color-ancient-planks-700: #79502d;
--color-ancient-planks-800: #5a3a20;
--color-ancient-planks-900: #3f2815;
--color-ancient-planks-950: #281507;
}SCSS
$ancient-planks: #774411;
$ancient-planks-rgb: 119, 68, 17;
$ancient-planks-light: mix(#fff, $ancient-planks, 20%);
$ancient-planks-dark: mix(#000, $ancient-planks, 20%);
.element {
color: $ancient-planks;
box-shadow: 0 0 0 2px rgba($ancient-planks, 0.35);
}