أقرب لون مسمّى · #FFC3B2
#FFC3B2
أقرب لون مسمّى: Peach Fuzz
#FFC3B2 (rgb(255 195 178)، hsl(13 100% 85%)، oklch(0.867 0.073 36.4)) أقرب إلى اللون المسمّى Peach Fuzz. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#FFC3B2
oklch(0.867 0.073 36.4)
تحويلات الألوان
- HEX
- #ffc3b2
- RGB
- rgb(255 195 178)
- HSL
- hsl(13 100% 85%)
- HWB
- hwb(13 70% 0%)
- OKLCH
- oklch(0.867 0.073 36.4)
- OKLab
- oklab(0.867 0.059 0.043)
- CIE Lab
- lab(84 20.44 17.32)
- LCH
- lch(84 26.79 40.3)
- CMYK
- cmyk(0% 24% 30% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFC9BA
- FFCFC1
- FFD5C9
- FFDBD1
- FFE1D8
- FFE7E0
- FFEDE8
- FFF3EF
- FFF9F7
درجات داكنة
- DEA99A
- BE9083
- 9E786D
- 806057
- 634A43
- 48342F
- 2E201D
- 160E0C
- 030201
درجات رمادية
- F2BCAD
- E5B5A8
- D8AFA3
- CBA89E
- BEA199
- B29B94
- A5948F
- 998D8A
- 8C8785
تناسق الألوان
متمم +180°
- FFC3B2
Peach Fuzz
- 9BE0F2
≈ Non-Photo Blue
متجاور -30° +30°
- FFC3B2
Peach Fuzz
- FEC0CB
≈ Pink
- F5CAA0
≈ Sundown
ثلاثي +120° +240°
- FFC3B2
Peach Fuzz
- ACE2C0
≈ Mountain Mint
- C7D0FF
≈ Lavender Blue
متمم منقسم +150° +210°
- FFC3B2
Peach Fuzz
- 9BE3DB
≈ Sharbah Fizz
- AED8FF
≈ Malmö FF
رباعي +90° +180° +270°
- FFC3B2
Peach Fuzz
- C7DDA9
≈ Butterfly
- 9BE0F2
≈ Non-Photo Blue
- DFC7FA
≈ Neon Boneyard
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.53:1 · APCA Lc 25
Ag
AAAعلى الأسود
WCAG 13.70:1 · APCA Lc 79
أفضل لون للنص: #000000
WCAG 13.70:1 (AAA) · APCA Lc 79
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--peach-fuzz: #ffc3b2;
--peach-fuzz-rgb: 255 195 178;
--peach-fuzz-oklch: oklch(0.867 0.073 36.4);
}
.element {
color: var(--peach-fuzz);
background-color: hsl(13 100% 85%);
border-color: oklch(0.867 0.073 36.4);
}Tailwind CSS v4
@theme {
--color-peach-fuzz: #ffc3b2;
--color-peach-fuzz-50: #ffefe6;
--color-peach-fuzz-100: #ffe0d6;
--color-peach-fuzz-200: #f1cabe;
--color-peach-fuzz-300: #daab9c;
--color-peach-fuzz-400: #c59080;
--color-peach-fuzz-500: #b17564;
--color-peach-fuzz-600: #956355;
--color-peach-fuzz-700: #784f44;
--color-peach-fuzz-800: #593931;
--color-peach-fuzz-900: #3e2721;
--color-peach-fuzz-950: #271511;
}SCSS
$peach-fuzz: #ffc3b2;
$peach-fuzz-rgb: 255, 195, 178;
$peach-fuzz-light: mix(#fff, $peach-fuzz, 20%);
$peach-fuzz-dark: mix(#000, $peach-fuzz, 20%);
.element {
color: $peach-fuzz;
box-shadow: 0 0 0 2px rgba($peach-fuzz, 0.35);
}