لون مسمّى · #F8D68B
№5
№5 هو #F8D68B: rgb(248 214 139)، hsl(41 89% 76%)، oklch(0.888 0.101 86). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · №5 color name →
#F8D68B
oklch(0.888 0.101 86)
تحويلات الألوان
- HEX
- #f8d68b
- RGB
- rgb(248 214 139)
- HSL
- hsl(41 89% 76%)
- HWB
- hwb(41 55% 3%)
- OKLCH
- oklch(0.888 0.101 86)
- OKLab
- oklab(0.888 0.007 0.101)
- CIE Lab
- lab(87.32 5.15 41.56)
- LCH
- lch(87.32 41.88 82.9)
- CMYK
- cmyk(0% 14% 44% 3%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F9DA98
- FADEA4
- FAE3B0
- FBE7BB
- FCEBC7
- FCEFD2
- FDF3DE
- FEF7E9
- FEFBF4
درجات داكنة
- D8BA78
- B89E66
- 9A8454
- 7C6A43
- 605232
- 453B23
- 2C2514
- 151007
- 030201
درجات رمادية
- EBCD8B
- DFC48B
- D3BC8A
- C6B389
- BAAA88
- AEA287
- A39985
- 979184
- 8B8882
تناسق الألوان
متمم +180°
- F8D68B
№5
- CADAFF
≈ Icy Plains
متجاور -30° +30°
ثلاثي +120° +240°
متمم منقسم +150° +210°
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.40:1 · APCA Lc 19
Ag
AAAعلى الأسود
WCAG 14.98:1 · APCA Lc 84
أفضل لون للنص: #000000
WCAG 14.98:1 (AAA) · APCA Lc 84
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--no5: #f8d68b;
--no5-rgb: 248 214 139;
--no5-oklch: oklch(0.888 0.101 86);
}
.element {
color: var(--no5);
background-color: hsl(41 89% 76%);
border-color: oklch(0.888 0.101 86);
}Tailwind CSS v4
@theme {
--color-no5: #f8d68b;
--color-no5-50: #fff4d5;
--color-no5-100: #f6e7c2;
--color-no5-200: #e6d2a3;
--color-no5-300: #cdb57b;
--color-no5-400: #b99a55;
--color-no5-500: #a48129;
--color-no5-600: #8a6d25;
--color-no5-700: #6f571d;
--color-no5-800: #533f13;
--color-no5-900: #3a2b0c;
--color-no5-950: #241901;
}SCSS
$no5: #f8d68b;
$no5-rgb: 248, 214, 139;
$no5-light: mix(#fff, $no5, 20%);
$no5-dark: mix(#000, $no5, 20%);
.element {
color: $no5;
box-shadow: 0 0 0 2px rgba($no5, 0.35);
}