أقرب لون مسمّى · #EBC3CB
#EBC3CB
أقرب لون مسمّى: Light Blush
#EBC3CB (rgb(235 195 203)، hsl(348 50% 84%)، oklch(0.854 0.047 4.6)) أقرب إلى اللون المسمّى Light Blush. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#EBC3CB
oklch(0.854 0.047 4.6)
تحويلات الألوان
- HEX
- #ebc3cb
- RGB
- rgb(235 195 203)
- HSL
- hsl(348 50% 84%)
- HWB
- hwb(348 76% 8%)
- OKLCH
- oklch(0.854 0.047 4.6)
- OKLab
- oklab(0.854 0.046 0.004)
- CIE Lab
- lab(82.5 15.6 1.6)
- LCH
- lch(82.5 15.68 5.9)
- CMYK
- cmyk(0% 17% 14% 8%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EDC9D0
- EFCFD5
- F1D5DA
- F4DBE0
- F6E1E5
- F8E7EA
- F9EDEF
- FBF3F4
- FDF9FA
درجات داكنة
- CCA9B0
- AE9096
- 91787D
- 756065
- 5B4A4D
- 413437
- 292022
- 130E0F
- 030202
درجات رمادية
- E0BCC3
- D5B5BC
- CAAEB4
- BFA8AC
- B4A1A5
- AA9A9D
- 9F9496
- 958D8E
- 8A8787
تناسق الألوان
متمم +180°
- EBC3CB
Light Blush
- AEDAD3
≈ Wave Top
متجاور -30° +30°
- EBC3CB
Light Blush
- E3C4DC
≈ Dog Rose
- ECC5BB
≈ Peach Ash
ثلاثي +120° +240°
- EBC3CB
Light Blush
- C8D5B4
≈ Spice Garden
- B6D3EC
≈ Modern Blue
متمم منقسم +150° +210°
- EBC3CB
Light Blush
- B8D9C2
≈ Cool Spring
- ADD8E2
≈ Araucana Egg
رباعي +90° +180° +270°
- EBC3CB
Light Blush
- D8CFAD
≈ Lovely Linen
- AEDAD3
≈ Wave Top
- C5CDEE
≈ Miami White
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.59:1 · APCA Lc 27
Ag
AAAعلى الأسود
WCAG 13.20:1 · APCA Lc 76
أفضل لون للنص: #000000
WCAG 13.20:1 (AAA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--light-blush: #ebc3cb;
--light-blush-rgb: 235 195 203;
--light-blush-oklch: oklch(0.854 0.047 4.6);
}
.element {
color: var(--light-blush);
background-color: hsl(348 50% 84%);
border-color: oklch(0.854 0.047 4.6);
}Tailwind CSS v4
@theme {
--color-light-blush: #ebc3cb;
--color-light-blush-50: #fff0f3;
--color-light-blush-100: #f7e2e5;
--color-light-blush-200: #e7ccd1;
--color-light-blush-300: #ceaeb3;
--color-light-blush-400: #b7939b;
--color-light-blush-500: #a27a82;
--color-light-blush-600: #89676e;
--color-light-blush-700: #6e5258;
--color-light-blush-800: #513c41;
--color-light-blush-900: #38292d;
--color-light-blush-950: #23171a;
}SCSS
$light-blush: #ebc3cb;
$light-blush-rgb: 235, 195, 203;
$light-blush-light: mix(#fff, $light-blush, 20%);
$light-blush-dark: mix(#000, $light-blush, 20%);
.element {
color: $light-blush;
box-shadow: 0 0 0 2px rgba($light-blush, 0.35);
}