لون مسمّى · #F4DEB3
Pina Colada
Pina Colada هو #F4DEB3: rgb(244 222 179)، hsl(40 75% 83%)، oklch(0.908 0.061 84). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Pina Colada color name →
#F4DEB3
oklch(0.908 0.061 84)
تحويلات الألوان
- HEX
- #f4deb3
- RGB
- rgb(244 222 179)
- HSL
- hsl(40 75% 83%)
- HWB
- hwb(40 70% 4%)
- OKLCH
- oklch(0.908 0.061 84)
- OKLab
- oklab(0.908 0.006 0.061)
- CIE Lab
- lab(89.5 3.1 24.08)
- LCH
- lch(89.5 24.27 82.7)
- CMYK
- cmyk(0% 9% 27% 4%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F5E1BB
- F6E5C2
- F7E8CA
- F9EBD2
- FAEFD9
- FBF2E1
- FCF5E8
- FDF8F0
- FEFCF7
درجات داكنة
- D4C19B
- B5A584
- 97896E
- 7A6F58
- 5E5543
- 443D2F
- 2B261D
- 14120C
- 030201
درجات رمادية
- E8D4AE
- DCCBA9
- D0C1A4
- C4B79F
- B8AE9A
- ADA595
- A19B90
- 96928A
- 8B8985
تناسق الألوان
متمم +180°
- F4DEB3
Pina Colada
- D2E1FF
≈ Arc Light
متجاور -30° +30°
- F4DEB3
Pina Colada
- FFD8BF
≈ Sun-Kissed Peach
- DFE6B8
≈ Aloe Cream
ثلاثي +120° +240°
- F4DEB3
Pina Colada
- B1EDF3
≈ Mint Macaron
- F6D4F8
≈ Pink Diamond
متمم منقسم +150° +210°
- F4DEB3
Pina Colada
- BFE7FF
≈ Blue Java Banana
- E2DBFF
≈ Transparent Blue
رباعي +90° +180° +270°
- F4DEB3
Pina Colada
- B7EFDD
≈ Salome
- D2E1FF
≈ Arc Light
- FFD3E3
≈ Poplar Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.31:1 · APCA Lc 16
Ag
AAAعلى الأسود
WCAG 15.94:1 · APCA Lc 88
أفضل لون للنص: #000000
WCAG 15.94:1 (AAA) · APCA Lc 88
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--pina-colada: #f4deb3;
--pina-colada-rgb: 244 222 179;
--pina-colada-oklch: oklch(0.908 0.061 84);
}
.element {
color: var(--pina-colada);
background-color: hsl(40 75% 83%);
border-color: oklch(0.908 0.061 84);
}Tailwind CSS v4
@theme {
--color-pina-colada: #f4deb3;
--color-pina-colada-50: #fdf4e2;
--color-pina-colada-100: #f1e7d1;
--color-pina-colada-200: #e0d3b7;
--color-pina-colada-300: #c5b694;
--color-pina-colada-400: #b09c75;
--color-pina-colada-500: #998356;
--color-pina-colada-600: #826f4a;
--color-pina-colada-700: #68593b;
--color-pina-colada-800: #4d402a;
--color-pina-colada-900: #362c1c;
--color-pina-colada-950: #21190c;
}SCSS
$pina-colada: #f4deb3;
$pina-colada-rgb: 244, 222, 179;
$pina-colada-light: mix(#fff, $pina-colada, 20%);
$pina-colada-dark: mix(#000, $pina-colada, 20%);
.element {
color: $pina-colada;
box-shadow: 0 0 0 2px rgba($pina-colada, 0.35);
}