أقرب لون مسمّى · #FAC4C5
#FAC4C5
أقرب لون مسمّى: Candy Cane
#FAC4C5 (rgb(250 196 197)، hsl(359 84% 87%)، oklch(0.868 0.062 17.2)) أقرب إلى اللون المسمّى Candy Cane. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#FAC4C5
oklch(0.868 0.062 17.2)
تحويلات الألوان
- HEX
- #fac4c5
- RGB
- rgb(250 196 197)
- HSL
- hsl(359 84% 87%)
- HWB
- hwb(359 77% 2%)
- OKLCH
- oklch(0.868 0.062 17.2)
- OKLab
- oklab(0.868 0.059 0.018)
- CIE Lab
- lab(84.08 19.96 7.29)
- LCH
- lch(84.08 21.25 20.1)
- CMYK
- cmyk(0% 22% 21% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FBCACB
- FCD0D0
- FCD6D6
- FDDCDC
- FEE1E2
- FEE7E8
- FEEDED
- FFF3F3
- FFF9F9
درجات داكنة
- D9AAAB
- BA9192
- 9B7879
- 7D6161
- 614A4B
- 463535
- 2D2121
- 150E0E
- 030202
درجات رمادية
- EDBDBE
- E1B6B7
- D4AFB0
- C8A8A9
- BCA2A2
- B09B9B
- A49494
- 988D8D
- 8C8787
تناسق الألوان
متمم +180°
- FAC4C5
Candy Cane
- A4E1E2
≈ Ice Crystal Blue
متجاور -30° +30°
- FAC4C5
Candy Cane
- F3C4DB
≈ Sweetheart
- F7C8B1
≈ Bellini
ثلاثي +120° +240°
- FAC4C5
Candy Cane
- C1DEB6
≈ Wisp Green
- BAD6FD
≈ Oh Boy!
متمم منقسم +150° +210°
- FAC4C5
Candy Cane
- ADE1CB
≈ Meristem
- A9DDF4
≈ Van Gogh Blue
رباعي +90° +180° +270°
- FAC4C5
Candy Cane
- D8D7A8
≈ Sunlit Leaf
- A4E1E2
≈ Ice Crystal Blue
- D0CEFB
≈ Lavender Blue
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.52:1 · APCA Lc 24
Ag
AAAعلى الأسود
WCAG 13.76:1 · APCA Lc 79
أفضل لون للنص: #000000
WCAG 13.76:1 (AAA) · APCA Lc 79
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--candy-cane: #fac4c5;
--candy-cane-rgb: 250 196 197;
--candy-cane-oklch: oklch(0.868 0.062 17.2);
}
.element {
color: var(--candy-cane);
background-color: hsl(359 84% 87%);
border-color: oklch(0.868 0.062 17.2);
}Tailwind CSS v4
@theme {
--color-candy-cane: #fac4c5;
--color-candy-cane-50: #ffefee;
--color-candy-cane-100: #fce0e0;
--color-candy-cane-200: #eecaca;
--color-candy-cane-300: #d5abab;
--color-candy-cane-400: #c09091;
--color-candy-cane-500: #ab7677;
--color-candy-cane-600: #916465;
--color-candy-cane-700: #745051;
--color-candy-cane-800: #563a3b;
--color-candy-cane-900: #3c2729;
--color-candy-cane-950: #261617;
}SCSS
$candy-cane: #fac4c5;
$candy-cane-rgb: 250, 196, 197;
$candy-cane-light: mix(#fff, $candy-cane, 20%);
$candy-cane-dark: mix(#000, $candy-cane, 20%);
.element {
color: $candy-cane;
box-shadow: 0 0 0 2px rgba($candy-cane, 0.35);
}