أقرب لون مسمّى · #C97F89
#C97F89
أقرب لون مسمّى: I Love You Pink
#C97F89 (rgb(201 127 137)، hsl(352 41% 64%)، oklch(0.676 0.092 11)) أقرب إلى اللون المسمّى I Love You Pink. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#C97F89
oklch(0.676 0.092 11)
تحويلات الألوان
- HEX
- #c97f89
- RGB
- rgb(201 127 137)
- HSL
- hsl(352 41% 64%)
- HWB
- hwb(352 50% 21%)
- OKLCH
- oklch(0.676 0.092 11)
- OKLab
- oklab(0.676 0.091 0.018)
- CIE Lab
- lab(61.42 30.36 7.26)
- LCH
- lch(61.42 31.22 13.5)
- CMYK
- cmyk(0% 37% 32% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CF8C94
- D598A0
- DBA5AB
- E1B1B7
- E6BEC2
- ECCBCE
- F1D8DA
- F6E5E6
- FAF2F3
درجات داكنة
- AE6E76
- 955D64
- 7C4C53
- 643C42
- 4C2D31
- 361F22
- 221114
- 0F0607
- 020101
درجات رمادية
- C27F88
- BB8087
- B48086
- AD8085
- A68085
- 9E8084
- 978083
- 8F8082
- 888081
تناسق الألوان
متمم +180°
- C97F89
I Love You Pink
- 46A9A5
≈ Tidal Teal
متجاور -30° +30°
- C97F89
I Love You Pink
- BE80A8
≈ Romanov Mauve
- C8846A
≈ Cabana Melon
ثلاثي +120° +240°
- C97F89
I Love You Pink
- 83A366
≈ Pickle
- 6B9BCF
≈ Sea Loch
متمم منقسم +150° +210°
- C97F89
I Love You Pink
- 5FA985
≈ Verdigris Green
- 4DA4BF
≈ Brig
رباعي +90° +180° +270°
- C97F89
I Love You Pink
- A39953
≈ Formosan Green
- 46A9A5
≈ Tidal Teal
- 8D91CF
≈ Bailey Bells
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.05:1 · APCA Lc 57
Ag
AAعلى الأسود
WCAG 6.88:1 · APCA Lc 45
أفضل لون للنص: #000000
WCAG 6.88:1 (AA) · APCA Lc 45
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--i-love-you-pink: #c97f89;
--i-love-you-pink-rgb: 201 127 137;
--i-love-you-pink-oklch: oklch(0.676 0.092 11);
}
.element {
color: var(--i-love-you-pink);
background-color: hsl(352 41% 64%);
border-color: oklch(0.676 0.092 11);
}Tailwind CSS v4
@theme {
--color-i-love-you-pink: #c97f89;
--color-i-love-you-pink-50: #ffebee;
--color-i-love-you-pink-100: #ffdcdf;
--color-i-love-you-pink-200: #f9c5c9;
--color-i-love-you-pink-300: #e2a4aa;
--color-i-love-you-pink-400: #cf8891;
--color-i-love-you-pink-500: #bb6b77;
--color-i-love-you-pink-600: #9e5b65;
--color-i-love-you-pink-700: #7f4950;
--color-i-love-you-pink-800: #5e343c;
--color-i-love-you-pink-900: #422429;
--color-i-love-you-pink-950: #2a1217;
}SCSS
$i-love-you-pink: #c97f89;
$i-love-you-pink-rgb: 201, 127, 137;
$i-love-you-pink-light: mix(#fff, $i-love-you-pink, 20%);
$i-love-you-pink-dark: mix(#000, $i-love-you-pink, 20%);
.element {
color: $i-love-you-pink;
box-shadow: 0 0 0 2px rgba($i-love-you-pink, 0.35);
}