أقرب لون مسمّى · #F2B2C2
#F2B2C2
أقرب لون مسمّى: Ibis
#F2B2C2 (rgb(242 178 194)، hsl(345 71% 82%)، oklch(0.827 0.077 2.4)) أقرب إلى اللون المسمّى Ibis. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#F2B2C2
oklch(0.827 0.077 2.4)
تحويلات الألوان
- HEX
- #f2b2c2
- RGB
- rgb(242 178 194)
- HSL
- hsl(345 71% 82%)
- HWB
- hwb(345 70% 5%)
- OKLCH
- oklch(0.827 0.077 2.4)
- OKLab
- oklab(0.827 0.077 0.003)
- CIE Lab
- lab(79.01 25.68 1.52)
- LCH
- lch(79.01 25.72 3.4)
- CMYK
- cmyk(0% 26% 20% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F4BAC8
- F6C1CE
- F7C9D4
- F9D1DA
- FAD8E0
- FBE0E6
- FCE8EC
- FDF0F3
- FEF7F9
درجات داكنة
- D29AA8
- B4838F
- 966D77
- 795760
- 5E4349
- 432F34
- 2B1D20
- 140C0E
- 030102
درجات رمادية
- E6ADBB
- DBA8B4
- CFA3AE
- C49EA7
- B899A0
- AD949A
- A28F93
- 968A8D
- 8B8586
تناسق الألوان
متمم +180°
- F2B2C2
Ibis
- 8CD7CA
≈ Middle Blue Green
متجاور -30° +30°
- F2B2C2
Ibis
- E5B4DD
≈ Pink Gems
- F4B5A7
≈ Pink Mimosa
ثلاثي +120° +240°
- F2B2C2
Ibis
- BDCF97
≈ Fava Bean
- 9ACDF5
≈ Honolulu
متمم منقسم +150° +210°
- F2B2C2
Ibis
- A1D5AE
≈ Nihilakh Oxide
- 8AD4E4
≈ July
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.76:1 · APCA Lc 32
Ag
AAAعلى الأسود
WCAG 11.92:1 · APCA Lc 71
أفضل لون للنص: #000000
WCAG 11.92:1 (AAA) · APCA Lc 71
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--ibis: #f2b2c2;
--ibis-rgb: 242 178 194;
--ibis-oklch: oklch(0.827 0.077 2.4);
}
.element {
color: var(--ibis);
background-color: hsl(345 71% 82%);
border-color: oklch(0.827 0.077 2.4);
}Tailwind CSS v4
@theme {
--color-ibis: #f2b2c2;
--color-ibis-50: #ffedf2;
--color-ibis-100: #ffdee5;
--color-ibis-200: #f2c7d0;
--color-ibis-300: #dba7b2;
--color-ibis-400: #c68c9a;
--color-ibis-500: #b17082;
--color-ibis-600: #965f6e;
--color-ibis-700: #784c58;
--color-ibis-800: #593741;
--color-ibis-900: #3e262d;
--color-ibis-950: #27141a;
}SCSS
$ibis: #f2b2c2;
$ibis-rgb: 242, 178, 194;
$ibis-light: mix(#fff, $ibis, 20%);
$ibis-dark: mix(#000, $ibis, 20%);
.element {
color: $ibis;
box-shadow: 0 0 0 2px rgba($ibis, 0.35);
}