لون مسمّى · #F0ADB3
Strawberry Cream
Strawberry Cream هو #F0ADB3: rgb(240 173 179)، hsl(355 69% 81%)، oklch(0.812 0.079 13). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Strawberry Cream color name →
#F0ADB3
oklch(0.812 0.079 13)
تحويلات الألوان
- HEX
- #f0adb3
- RGB
- rgb(240 173 179)
- HSL
- hsl(355 69% 81%)
- HWB
- hwb(355 68% 6%)
- OKLCH
- oklch(0.812 0.079 13)
- OKLab
- oklab(0.812 0.077 0.018)
- CIE Lab
- lab(77.33 25.87 7.19)
- LCH
- lch(77.33 26.85 15.5)
- CMYK
- cmyk(0% 28% 25% 6%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F2B5BA
- F4BDC2
- F6C6C9
- F8CED1
- F9D6D8
- FBDEE0
- FCE6E8
- FDEFEF
- FEF7F7
درجات داكنة
- D1969B
- B27F84
- 956A6E
- 785558
- 5D4143
- 432D2F
- 2A1B1D
- 140B0C
- 030101
درجات رمادية
- E5A9AE
- D9A4A9
- CEA0A3
- C39B9E
- B89799
- AC9294
- A18E8F
- 96898A
- 8B8585
تناسق الألوان
متمم +180°
- F0ADB3
Strawberry Cream
- 82D2D0
≈ Belize
متجاور -30° +30°
- F0ADB3
Strawberry Cream
- E7AECF
≈ Roses in the Snow
- EEB299
≈ Wax Flower
ثلاثي +120° +240°
- F0ADB3
Strawberry Cream
- AECD99
≈ Greenhorn
- 9EC5F4
≈ Sail to the Sea
متمم منقسم +150° +210°
- F0ADB3
Strawberry Cream
- 92D2B3
≈ Tropical Trail
- 87CDE7
≈ Afternoon Sky
رباعي +90° +180° +270°
- F0ADB3
Strawberry Cream
- CAC488
≈ Fiddlehead Fern
- 82D2D0
≈ Belize
- BABCF4
≈ Purple Illusion
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.85:1 · APCA Lc 35
Ag
AAAعلى الأسود
WCAG 11.33:1 · APCA Lc 68
أفضل لون للنص: #000000
WCAG 11.33:1 (AAA) · APCA Lc 68
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--strawberry-cream: #f0adb3;
--strawberry-cream-rgb: 240 173 179;
--strawberry-cream-oklch: oklch(0.812 0.079 13);
}
.element {
color: var(--strawberry-cream);
background-color: hsl(355 69% 81%);
border-color: oklch(0.812 0.079 13);
}Tailwind CSS v4
@theme {
--color-strawberry-cream: #f0adb3;
--color-strawberry-cream-50: #ffedee;
--color-strawberry-cream-100: #ffdedf;
--color-strawberry-cream-200: #f4c7c9;
--color-strawberry-cream-300: #dda7aa;
--color-strawberry-cream-400: #c88b91;
--color-strawberry-cream-500: #b47077;
--color-strawberry-cream-600: #985f65;
--color-strawberry-cream-700: #7a4c51;
--color-strawberry-cream-800: #5a373c;
--color-strawberry-cream-900: #3f2529;
--color-strawberry-cream-950: #281417;
}SCSS
$strawberry-cream: #f0adb3;
$strawberry-cream-rgb: 240, 173, 179;
$strawberry-cream-light: mix(#fff, $strawberry-cream, 20%);
$strawberry-cream-dark: mix(#000, $strawberry-cream, 20%);
.element {
color: $strawberry-cream;
box-shadow: 0 0 0 2px rgba($strawberry-cream, 0.35);
}