لون مسمّى · #EFCB96
Oktoberfest
Oktoberfest هو #EFCB96: rgb(239 203 150)، hsl(36 74% 76%)، oklch(0.861 0.08 77). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Oktoberfest color name →
#EFCB96
oklch(0.861 0.08 77)
تحويلات الألوان
- HEX
- #efcb96
- RGB
- rgb(239 203 150)
- HSL
- hsl(36 74% 76%)
- HWB
- hwb(36 59% 6%)
- OKLCH
- oklch(0.861 0.08 77)
- OKLab
- oklab(0.861 0.018 0.078)
- CIE Lab
- lab(83.9 7.82 31.45)
- LCH
- lch(83.9 32.41 76)
- CMYK
- cmyk(0% 15% 37% 6%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F1D0A1
- F2D6AB
- F4DBB6
- F6E0C1
- F7E5CB
- F9EAD5
- FBF0E0
- FCF5EA
- FEFAF5
درجات داكنة
- D0B082
- B1966E
- 947D5B
- 786549
- 5C4D37
- 423726
- 2A2216
- 140F08
- 030201
درجات رمادية
- E3C394
- D8BC92
- CDB490
- C1AD8E
- B6A58C
- AB9E8A
- A09688
- 958F85
- 8B8783
تناسق الألوان
متمم +180°
- EFCB96
Oktoberfest
- B5D3FF
≈ Ice Cold Stare
متجاور -30° +30°
- EFCB96
Oktoberfest
- FEC2A5
≈ Sweet Apricot
- D7D598
≈ Crocodile Tears
ثلاثي +120° +240°
- EFCB96
Oktoberfest
- 90E2E3
≈ Aqua Fiesta
- E7C1F4
≈ Purple’s Baby Sister
متمم منقسم +150° +210°
- EFCB96
Oktoberfest
- 98DCFA
≈ Shiva Blue
- CDCBFF
≈ Lavender Blue
رباعي +90° +180° +270°
- EFCB96
Oktoberfest
- 9EE2C6
≈ Reef Green
- B5D3FF
≈ Ice Cold Stare
- F9BDDB
≈ Flamingo Feather
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.53:1 · APCA Lc 25
Ag
AAAعلى الأسود
WCAG 13.65:1 · APCA Lc 78
أفضل لون للنص: #000000
WCAG 13.65:1 (AAA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--oktoberfest: #efcb96;
--oktoberfest-rgb: 239 203 150;
--oktoberfest-oklch: oklch(0.861 0.08 77);
}
.element {
color: var(--oktoberfest);
background-color: hsl(36 74% 76%);
border-color: oklch(0.861 0.08 77);
}Tailwind CSS v4
@theme {
--color-oktoberfest: #efcb96;
--color-oktoberfest-50: #fff3dc;
--color-oktoberfest-100: #f7e5cb;
--color-oktoberfest-200: #e7d1af;
--color-oktoberfest-300: #ceb389;
--color-oktoberfest-400: #b99968;
--color-oktoberfest-500: #a47f46;
--color-oktoberfest-600: #8b6c3c;
--color-oktoberfest-700: #6f5630;
--color-oktoberfest-800: #533e21;
--color-oktoberfest-900: #3a2b16;
--color-oktoberfest-950: #241807;
}SCSS
$oktoberfest: #efcb96;
$oktoberfest-rgb: 239, 203, 150;
$oktoberfest-light: mix(#fff, $oktoberfest, 20%);
$oktoberfest-dark: mix(#000, $oktoberfest, 20%);
.element {
color: $oktoberfest;
box-shadow: 0 0 0 2px rgba($oktoberfest, 0.35);
}