لون مسمّى · #F8B500
Waxy Corn
Waxy Corn هو #F8B500: rgb(248 181 0)، hsl(44 100% 49%)، oklch(0.814 0.168 81.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Waxy Corn color name →
#F8B500
oklch(0.814 0.168 81.7)
تحويلات الألوان
- HEX
- #f8b500
- RGB
- rgb(248 181 0)
- HSL
- hsl(44 100% 49%)
- HWB
- hwb(44 0% 3%)
- OKLCH
- oklch(0.814 0.168 81.7)
- OKLab
- oklab(0.814 0.024 0.166)
- CIE Lab
- lab(78.47 16.63 80.37)
- LCH
- lch(78.47 82.07 78.3)
- CMYK
- cmyk(0% 27% 100% 3%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F9BD40
- FAC55E
- FBCC76
- FCD48C
- FDDBA0
- FDE3B4
- FEEAC7
- FEF1DA
- FFF8ED
درجات داكنة
- D89D00
- B88600
- 9A6F00
- 7C5900
- 604400
- 453000
- 2C1D00
- 150C00
- 030200
درجات رمادية
- ECB02E
- DFAB41
- D3A64F
- C7A159
- BB9C62
- AF966A
- A39170
- 978B76
- 8C867B
تناسق الألوان
متمم +180°
- F8B500
Waxy Corn
- A1C3FF
≈ Pastel Blue
متجاور -30° +30°
- F8B500
Waxy Corn
- FFAC79
≈ Larch Bolete
- C6CC2D
≈ Yellow-Green Grosbeak
ثلاثي +120° +240°
- F8B500
Waxy Corn
- 00DCE8
≈ Tamarama
- F19EFF
≈ Party Pig
متمم منقسم +150° +210°
- F8B500
Waxy Corn
- 6DCFFF
≈ Skyan
- C3B7FF
≈ Dried Lilac
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.81:1 · APCA Lc 33
Ag
AAAعلى الأسود
WCAG 11.60:1 · APCA Lc 69
أفضل لون للنص: #000000
WCAG 11.60:1 (AAA) · APCA Lc 69
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--waxy-corn: #f8b500;
--waxy-corn-rgb: 248 181 0;
--waxy-corn-oklch: oklch(0.814 0.168 81.7);
}
.element {
color: var(--waxy-corn);
background-color: hsl(44 100% 49%);
border-color: oklch(0.814 0.168 81.7);
}Tailwind CSS v4
@theme {
--color-waxy-corn: #f8b500;
--color-waxy-corn-50: #fff2bf;
--color-waxy-corn-100: #ffe4a7;
--color-waxy-corn-200: #f7ce7e;
--color-waxy-corn-300: #e0af44;
--color-waxy-corn-400: #cf9200;
--color-waxy-corn-500: #bc7500;
--color-waxy-corn-600: #9f6400;
--color-waxy-corn-700: #805000;
--color-waxy-corn-800: #603900;
--color-waxy-corn-900: #432700;
--color-waxy-corn-950: #2b1500;
}SCSS
$waxy-corn: #f8b500;
$waxy-corn-rgb: 248, 181, 0;
$waxy-corn-light: mix(#fff, $waxy-corn, 20%);
$waxy-corn-dark: mix(#000, $waxy-corn, 20%);
.element {
color: $waxy-corn;
box-shadow: 0 0 0 2px rgba($waxy-corn, 0.35);
}