لون مسمّى · #F0E483
Halakā Pīlā
Halakā Pīlā هو #F0E483: rgb(240 228 131)، hsl(53 78% 73%)، oklch(0.908 0.119 102.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Halakā Pīlā color name →
#F0E483
oklch(0.908 0.119 102.2)
تحويلات الألوان
- HEX
- #f0e483
- RGB
- rgb(240 228 131)
- HSL
- hsl(53 78% 73%)
- HWB
- hwb(53 51% 6%)
- OKLCH
- oklch(0.908 0.119 102.2)
- OKLab
- oklab(0.908 -0.025 0.117)
- CIE Lab
- lab(90.04 -5.29 48.58)
- LCH
- lch(90.04 48.86 96.2)
- CMYK
- cmyk(0% 5% 45% 6%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F1E791
- F3EA9E
- F4EDAB
- F6EFB8
- F7F2C4
- F9F5D0
- FAF7DC
- FCFAE8
- FDFDF3
درجات داكنة
- D1C671
- B2A960
- 958D4F
- 78723F
- 5D582F
- 433F20
- 2A2812
- 141206
- 030301
درجات رمادية
- E4DA84
- D8CF85
- CDC585
- C1BB86
- B6B185
- ABA785
- A09D84
- 959383
- 8A8A82
تناسق الألوان
متمم +180°
- F0E483
Halakā Pīlā
- DBDEFF
≈ Transparent Blue
متجاور -30° +30°
- F0E483
Halakā Pīlā
- FFDAAC
≈ Peach Cider
- C3F29E
≈ Snappy Green
ثلاثي +120° +240°
- F0E483
Halakā Pīlā
- B3EBFF
≈ Beyond the Clouds
- FFD1EC
≈ Shampoo
متمم منقسم +150° +210°
- F0E483
Halakā Pīlā
- CCE3FF
≈ Fresh Water
- EFD5FF
≈ Rose Dragée
رباعي +90° +180° +270°
- F0E483
Halakā Pīlā
- 72FAF5
≈ Ancient Ice
- DBDEFF
≈ Transparent Blue
- FFD4D8
≈ Pink Fluorite
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.30:1 · APCA Lc 15
Ag
AAAعلى الأسود
WCAG 16.13:1 · APCA Lc 89
أفضل لون للنص: #000000
WCAG 16.13:1 (AAA) · APCA Lc 89
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--halaka-pila: #f0e483;
--halaka-pila-rgb: 240 228 131;
--halaka-pila-oklch: oklch(0.908 0.119 102.2);
}
.element {
color: var(--halaka-pila);
background-color: hsl(53 78% 73%);
border-color: oklch(0.908 0.119 102.2);
}Tailwind CSS v4
@theme {
--color-halaka-pila: #f0e483;
--color-halaka-pila-50: #faf8d1;
--color-halaka-pila-100: #eeebbd;
--color-halaka-pila-200: #dcd79c;
--color-halaka-pila-300: #c1bb71;
--color-halaka-pila-400: #aca145;
--color-halaka-pila-500: #968800;
--color-halaka-pila-600: #7f7306;
--color-halaka-pila-700: #665c08;
--color-halaka-pila-800: #4c4302;
--color-halaka-pila-900: #352e03;
--color-halaka-pila-950: #201b00;
}SCSS
$halaka-pila: #f0e483;
$halaka-pila-rgb: 240, 228, 131;
$halaka-pila-light: mix(#fff, $halaka-pila, 20%);
$halaka-pila-dark: mix(#000, $halaka-pila, 20%);
.element {
color: $halaka-pila;
box-shadow: 0 0 0 2px rgba($halaka-pila, 0.35);
}