لون مسمّى · #8F8A70
Executive Course
Executive Course هو #8F8A70: rgb(143 138 112)، hsl(50 12% 50%)، oklch(0.631 0.038 98.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Executive Course color name →
#8F8A70
oklch(0.631 0.038 98.3)
تحويلات الألوان
- HEX
- #8f8a70
- RGB
- rgb(143 138 112)
- HSL
- hsl(50 12% 50%)
- HWB
- hwb(50 44% 44%)
- OKLCH
- oklch(0.631 0.038 98.3)
- OKLab
- oklab(0.631 -0.005 0.037)
- CIE Lab
- lab(57.38 -1.41 14.7)
- LCH
- lch(57.38 14.76 95.5)
- CMYK
- cmyk(0% 3% 22% 44%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 9A957E
- A4A08B
- AFAC99
- BAB7A7
- C5C3B5
- D1CFC4
- DCDBD2
- E8E7E1
- F3F3F0
درجات داكنة
- 7C7760
- 696551
- 575343
- 454235
- 343227
- 24221A
- 15140E
- 070704
- 010101
درجات رمادية
- 8D8972
- 8C8873
- 8A8775
- 898677
- 878578
- 86847A
- 84837B
- 83827D
- 81817F
تناسق الألوان
متمم +180°
- 8F8A70
Executive Course
- 8488A1
≈ Mandrake
متجاور -30° +30°
- 8F8A70
Executive Course
- 998671
≈ Sturdy Brown
- 828E76
≈ Mossy Statue
ثلاثي +120° +240°
- 8F8A70
Executive Course
- 708F99
≈ Baritone
- 998191
≈ Garden Plum
متمم منقسم +150° +210°
- 8F8A70
Executive Course
- 788CA0
≈ Blue Grey
- 90849B
≈ Hatoba Pigeon
رباعي +90° +180° +270°
- 8F8A70
Executive Course
- 70918E
≈ Pool Tide
- 8488A1
≈ Mandrake
- 9F8085
≈ Plumville
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.47:1 · APCA Lc 62
Ag
AAعلى الأسود
WCAG 6.03:1 · APCA Lc 39
أفضل لون للنص: #000000
WCAG 6.03:1 (AA) · APCA Lc 39
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--executive-course: #8f8a70;
--executive-course-rgb: 143 138 112;
--executive-course-oklch: oklch(0.631 0.038 98.3);
}
.element {
color: var(--executive-course);
background-color: hsl(50 12% 50%);
border-color: oklch(0.631 0.038 98.3);
}Tailwind CSS v4
@theme {
--color-executive-course: #8f8a70;
--color-executive-course-50: #f7f6ea;
--color-executive-course-100: #eae8da;
--color-executive-course-200: #d8d5c3;
--color-executive-course-300: #bbb8a2;
--color-executive-course-400: #a49f86;
--color-executive-course-500: #8c876a;
--color-executive-course-600: #77725a;
--color-executive-course-700: #5f5b48;
--color-executive-course-800: #464334;
--color-executive-course-900: #302e23;
--color-executive-course-950: #1d1b12;
}SCSS
$executive-course: #8f8a70;
$executive-course-rgb: 143, 138, 112;
$executive-course-light: mix(#fff, $executive-course, 20%);
$executive-course-dark: mix(#000, $executive-course, 20%);
.element {
color: $executive-course;
box-shadow: 0 0 0 2px rgba($executive-course, 0.35);
}