لون مسمّى · #FFD9AA
Peach Cider
Peach Cider هو #FFD9AA: rgb(255 217 170)، hsl(33 100% 83%)، oklch(0.906 0.074 72.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Peach Cider color name →
#FFD9AA
oklch(0.906 0.074 72.6)
تحويلات الألوان
- HEX
- #ffd9aa
- RGB
- rgb(255 217 170)
- HSL
- hsl(33 100% 83%)
- HWB
- hwb(33 67% 0%)
- OKLCH
- oklch(0.906 0.074 72.6)
- OKLab
- oklab(0.906 0.022 0.071)
- CIE Lab
- lab(89.12 8.9 28.4)
- LCH
- lch(89.12 29.76 72.6)
- CMYK
- cmyk(0% 15% 33% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFDDB3
- FFE1BB
- FFE5C4
- FFE8CD
- FFECD5
- FFF0DD
- FFF4E6
- FFF8EE
- FFFBF7
درجات داكنة
- DEBC93
- BEA17D
- 9E8668
- 806C53
- 63533F
- 483B2D
- 2E251B
- 16110B
- 030201
درجات رمادية
- F2D0A6
- E5C7A2
- D8BE9E
- CBB59A
- BEAC96
- B1A391
- A59A8D
- 989189
- 8C8984
تناسق الألوان
متمم +180°
- FFD9AA
Peach Cider
- CBE3FF
≈ Fresh Water
متجاور -30° +30°
- FFD9AA
Peach Cider
- FFD6C6
≈ Tiny Pink
- E9E3AA
≈ Kiss of Lime
ثلاثي +120° +240°
- FFD9AA
Peach Cider
- A5F0ED
≈ Mint Macaron
- EFD4FF
≈ Rose Dragée
متمم منقسم +150° +210°
- FFD9AA
Peach Cider
- B2EAFF
≈ Beyond the Clouds
- DBDDFF
≈ Transparent Blue
رباعي +90° +180° +270°
- FFD9AA
Peach Cider
- B4F0D2
≈ Faint Clover
- CBE3FF
≈ Fresh Water
- FFD0EB
≈ Shampoo
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.33:1 · APCA Lc 16
Ag
AAAعلى الأسود
WCAG 15.75:1 · APCA Lc 87
أفضل لون للنص: #000000
WCAG 15.75:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--peach-cider: #ffd9aa;
--peach-cider-rgb: 255 217 170;
--peach-cider-oklch: oklch(0.906 0.074 72.6);
}
.element {
color: var(--peach-cider);
background-color: hsl(33 100% 83%);
border-color: oklch(0.906 0.074 72.6);
}Tailwind CSS v4
@theme {
--color-peach-cider: #ffd9aa;
--color-peach-cider-50: #fff3de;
--color-peach-cider-100: #f7e5cd;
--color-peach-cider-200: #e8d0b2;
--color-peach-cider-300: #ceb28e;
--color-peach-cider-400: #ba986d;
--color-peach-cider-500: #a47e4d;
--color-peach-cider-600: #8b6b42;
--color-peach-cider-700: #6f5534;
--color-peach-cider-800: #533e25;
--color-peach-cider-900: #3a2b19;
--color-peach-cider-950: #241809;
}SCSS
$peach-cider: #ffd9aa;
$peach-cider-rgb: 255, 217, 170;
$peach-cider-light: mix(#fff, $peach-cider, 20%);
$peach-cider-dark: mix(#000, $peach-cider, 20%);
.element {
color: $peach-cider;
box-shadow: 0 0 0 2px rgba($peach-cider, 0.35);
}