لون مسمّى · #F2CFE0
Minimal Rose
Minimal Rose هو #F2CFE0: rgb(242 207 224)، hsl(331 57% 88%)، oklch(0.889 0.045 347.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Minimal Rose color name →
#F2CFE0
oklch(0.889 0.045 347.2)
تحويلات الألوان
- HEX
- #f2cfe0
- RGB
- rgb(242 207 224)
- HSL
- hsl(331 57% 88%)
- HWB
- hwb(331 81% 5%)
- OKLCH
- oklch(0.889 0.045 347.2)
- OKLab
- oklab(0.889 0.044 -0.01)
- CIE Lab
- lab(86.51 14.72 -3.64)
- LCH
- lch(86.51 15.16 346.1)
- CMYK
- cmyk(0% 14% 7% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F3D4E3
- F5D9E6
- F6DDE9
- F8E2EC
- F9E7EF
- FAECF3
- FBF1F6
- FDF5F9
- FEFAFC
درجات داكنة
- D2B4C3
- B499A6
- 967F8A
- 796770
- 5E4F56
- 43383E
- 2B2327
- 141012
- 030202
درجات رمادية
- E6C7D6
- DABFCC
- CFB7C2
- C3AFB8
- B8A7AF
- AC9FA5
- A1979C
- 968F92
- 8B8889
تناسق الألوان
متمم +180°
- F2CFE0
Minimal Rose
- BFE4D4
≈ Beru
متجاور -30° +30°
- F2CFE0
Minimal Rose
- E7D2EE
≈ Lavender Princess
- F7CFD0
≈ Pinktone
ثلاثي +120° +240°
- F2CFE0
Minimal Rose
- DDDDBB
≈ Endless Silk
- BCE1F2
≈ Tropical Pool
متمم منقسم +150° +210°
- F2CFE0
Minimal Rose
- CDE2C5
≈ Soft Moss
- B9E4E5
≈ Soaring Sky
رباعي +90° +180° +270°
- F2CFE0
Minimal Rose
- EBD7BA
≈ White Hot Chocolate
- BFE4D4
≈ Beru
- C8DCF9
≈ Fly a Kite
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.42:1 · APCA Lc 20
Ag
AAAعلى الأسود
WCAG 14.77:1 · APCA Lc 83
أفضل لون للنص: #000000
WCAG 14.77:1 (AAA) · APCA Lc 83
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--minimal-rose: #f2cfe0;
--minimal-rose-rgb: 242 207 224;
--minimal-rose-oklch: oklch(0.889 0.045 347.2);
}
.element {
color: var(--minimal-rose);
background-color: hsl(331 57% 88%);
border-color: oklch(0.889 0.045 347.2);
}Tailwind CSS v4
@theme {
--color-minimal-rose: #f2cfe0;
--color-minimal-rose-50: #fff0f7;
--color-minimal-rose-100: #f4e2ea;
--color-minimal-rose-200: #e4cdd7;
--color-minimal-rose-300: #caaebb;
--color-minimal-rose-400: #b394a3;
--color-minimal-rose-500: #9d7a8c;
--color-minimal-rose-600: #856876;
--color-minimal-rose-700: #6b535f;
--color-minimal-rose-800: #4e3c46;
--color-minimal-rose-900: #362930;
--color-minimal-rose-950: #21171d;
}SCSS
$minimal-rose: #f2cfe0;
$minimal-rose-rgb: 242, 207, 224;
$minimal-rose-light: mix(#fff, $minimal-rose, 20%);
$minimal-rose-dark: mix(#000, $minimal-rose, 20%);
.element {
color: $minimal-rose;
box-shadow: 0 0 0 2px rgba($minimal-rose, 0.35);
}