أقرب لون مسمّى · #FFACA3
#FFACA3
أقرب لون مسمّى: Peach Bud
#FFACA3 (rgb(255 172 163)، hsl(6 100% 82%)، oklch(0.823 0.099 26.3)) أقرب إلى اللون المسمّى Peach Bud. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#FFACA3
oklch(0.823 0.099 26.3)
تحويلات الألوان
- HEX
- #ffaca3
- RGB
- rgb(255 172 163)
- HSL
- hsl(6 100% 82%)
- HWB
- hwb(6 64% 0%)
- OKLCH
- oklch(0.823 0.099 26.3)
- OKLab
- oklab(0.823 0.089 0.044)
- CIE Lab
- lab(78.49 30.53 17.74)
- LCH
- lch(78.49 35.31 30.2)
- CMYK
- cmyk(0% 33% 36% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFB4AC
- FFBDB5
- FFC5BE
- FFCEC7
- FFD6D1
- FFDEDA
- FFE6E3
- FFEFEC
- FFF7F6
درجات داكنة
- DE958D
- BE7F78
- 9E6963
- 80544F
- 63403C
- 482D2A
- 2E1B19
- 160B0A
- 030101
درجات رمادية
- F2A8A0
- E5A49C
- D99F99
- CC9B95
- BF9792
- B3928E
- A68E8B
- 998987
- 8D8584
تناسق الألوان
متمم +180°
- FFACA3
Peach Bud
- 6ED7E5
≈ Turquoise Sea
متجاور -30° +30°
- FFACA3
Peach Bud
- F9AAC7
≈ Rose Mallow
- F7B485
≈ Autumn Mist
ثلاثي +120° +240°
- FFACA3
Peach Bud
- 9BD79F
≈ Green Ash
- AAC4FF
≈ Pastel Blue
متمم منقسم +150° +210°
- FFACA3
Peach Bud
- 78DAC3
≈ Star Grass
- 83CFFD
≈ Drift on the Sea
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.79:1 · APCA Lc 33
Ag
AAAعلى الأسود
WCAG 11.68:1 · APCA Lc 69
أفضل لون للنص: #000000
WCAG 11.68:1 (AAA) · APCA Lc 69
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--peach-bud: #ffaca3;
--peach-bud-rgb: 255 172 163;
--peach-bud-oklch: oklch(0.823 0.099 26.3);
}
.element {
color: var(--peach-bud);
background-color: hsl(6 100% 82%);
border-color: oklch(0.823 0.099 26.3);
}Tailwind CSS v4
@theme {
--color-peach-bud: #ffaca3;
--color-peach-bud-50: #ffebe5;
--color-peach-bud-100: #ffdcd6;
--color-peach-bud-200: #fcc5bd;
--color-peach-bud-300: #e6a49b;
--color-peach-bud-400: #d3877f;
--color-peach-bud-500: #bf6b63;
--color-peach-bud-600: #a15b54;
--color-peach-bud-700: #824843;
--color-peach-bud-800: #603431;
--color-peach-bud-900: #442321;
--color-peach-bud-950: #2b1211;
}SCSS
$peach-bud: #ffaca3;
$peach-bud-rgb: 255, 172, 163;
$peach-bud-light: mix(#fff, $peach-bud, 20%);
$peach-bud-dark: mix(#000, $peach-bud, 20%);
.element {
color: $peach-bud;
box-shadow: 0 0 0 2px rgba($peach-bud, 0.35);
}