لون مسمّى · #E29991
Strawberry Rose
Strawberry Rose هو #E29991: rgb(226 153 145)، hsl(6 58% 73%)، oklch(0.753 0.089 26.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Strawberry Rose color name →
#E29991
oklch(0.753 0.089 26.3)
تحويلات الألوان
- HEX
- #e29991
- RGB
- rgb(226 153 145)
- HSL
- hsl(6 58% 73%)
- HWB
- hwb(6 57% 11%)
- OKLCH
- oklch(0.753 0.089 26.3)
- OKLab
- oklab(0.753 0.08 0.04)
- CIE Lab
- lab(70.51 27.43 15.96)
- LCH
- lch(70.51 31.73 30.2)
- CMYK
- cmyk(0% 32% 36% 11%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E6A39C
- E9ADA6
- ECB7B1
- F0C2BC
- F3CCC7
- F5D6D2
- F8E0DD
- FBEAE8
- FDF5F4
درجات داكنة
- C4847D
- A8706A
- 8C5D58
- 714A46
- 573835
- 3E2725
- 271715
- 120807
- 030101
درجات رمادية
- D8978F
- CE948E
- C5928C
- BB908A
- B18D89
- A88B87
- 9E8885
- 948584
- 8A8382
تناسق الألوان
متمم +180°
- E29991
Strawberry Rose
- 63BFCB
≈ Skink Blue
متجاور -30° +30°
- E29991
Strawberry Rose
- DD97B0
≈ Foxy Pink
- DBA077
≈ Soft Leather
ثلاثي +120° +240°
- E29991
Strawberry Rose
- 8ABE8D
≈ Green Masquerade
- 95AEE8
≈ Blue Skies Today
متمم منقسم +150° +210°
- E29991
Strawberry Rose
- 6CC2AD
≈ Blue Energy
- 75B8E0
≈ Tranquil Bay
رباعي +90° +180° +270°
- E29991
Strawberry Rose
- ABB674
≈ Green Curry
- 63BFCB
≈ Skink Blue
- B4A3E1
≈ Enchanted Lavender
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.28:1 · APCA Lc 45
Ag
AAAعلى الأسود
WCAG 9.19:1 · APCA Lc 57
أفضل لون للنص: #000000
WCAG 9.19:1 (AAA) · APCA Lc 57
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--strawberry-rose: #e29991;
--strawberry-rose-rgb: 226 153 145;
--strawberry-rose-oklch: oklch(0.753 0.089 26.3);
}
.element {
color: var(--strawberry-rose);
background-color: hsl(6 58% 73%);
border-color: oklch(0.753 0.089 26.3);
}Tailwind CSS v4
@theme {
--color-strawberry-rose: #e29991;
--color-strawberry-rose-50: #ffece7;
--color-strawberry-rose-100: #ffddd7;
--color-strawberry-rose-200: #f8c7bf;
--color-strawberry-rose-300: #e2a79e;
--color-strawberry-rose-400: #ce8a83;
--color-strawberry-rose-500: #ba6e66;
--color-strawberry-rose-600: #9d5d57;
--color-strawberry-rose-700: #7e4b45;
--color-strawberry-rose-800: #5e3633;
--color-strawberry-rose-900: #422523;
--color-strawberry-rose-950: #2a1312;
}SCSS
$strawberry-rose: #e29991;
$strawberry-rose-rgb: 226, 153, 145;
$strawberry-rose-light: mix(#fff, $strawberry-rose, 20%);
$strawberry-rose-dark: mix(#000, $strawberry-rose, 20%);
.element {
color: $strawberry-rose;
box-shadow: 0 0 0 2px rgba($strawberry-rose, 0.35);
}