لون مسمّى · #FFB07C
Peach
Peach هو #FFB07C: rgb(255 176 124)، hsl(24 100% 74%)، oklch(0.822 0.115 53.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Peach color name →
#FFB07C
oklch(0.822 0.115 53.8)
تحويلات الألوان
- HEX
- #ffb07c
- RGB
- rgb(255 176 124)
- HSL
- hsl(24 100% 74%)
- HWB
- hwb(24 49% 0%)
- OKLCH
- oklch(0.822 0.115 53.8)
- OKLab
- oklab(0.822 0.068 0.093)
- CIE Lab
- lab(78.81 25.69 38.76)
- LCH
- lch(78.81 46.5 56.5)
- CMYK
- cmyk(0% 31% 51% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFB88A
- FFC097
- FFC8A4
- FFD0B2
- FFD8BF
- FFE0CB
- FFE8D8
- FFF0E5
- FFF7F2
درجات داكنة
- DE996B
- BE825A
- 9E6C4A
- 80563B
- 63422C
- 482E1E
- 2E1C11
- 160B05
- 030101
درجات رمادية
- F2AB7D
- E5A77E
- D8A27F
- CC9D80
- BF9980
- B29481
- A68F81
- 998A81
- 8D8580
تناسق الألوان
متمم +180°
- FFB07C
Peach
- 7AD0FF
≈ Bubbly Barracuda
متجاور -30° +30°
- FFB07C
Peach
- FFABA5
≈ Patient Pink
- E8BE69
≈ Golden Chalice
ثلاثي +120° +240°
متمم منقسم +150° +210°
- FFB07C
Peach
- 57DAE6
≈ Neon Nazar
- A7C5FF
≈ Pastel Blue
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.78:1 · APCA Lc 33
Ag
AAAعلى الأسود
WCAG 11.75:1 · APCA Lc 70
أفضل لون للنص: #000000
WCAG 11.75:1 (AAA) · APCA Lc 70
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--peach: #ffb07c;
--peach-rgb: 255 176 124;
--peach-oklch: oklch(0.822 0.115 53.8);
}
.element {
color: var(--peach);
background-color: hsl(24 100% 74%);
border-color: oklch(0.822 0.115 53.8);
}Tailwind CSS v4
@theme {
--color-peach: #ffb07c;
--color-peach-50: #ffedd6;
--color-peach-100: #ffdfc4;
--color-peach-200: #fbc8a5;
--color-peach-300: #e5a87e;
--color-peach-400: #d38b5b;
--color-peach-500: #c06f33;
--color-peach-600: #a25e2d;
--color-peach-700: #824b24;
--color-peach-800: #613619;
--color-peach-900: #442510;
--color-peach-950: #2c1304;
}SCSS
$peach: #ffb07c;
$peach-rgb: 255, 176, 124;
$peach-light: mix(#fff, $peach, 20%);
$peach-dark: mix(#000, $peach, 20%);
.element {
color: $peach;
box-shadow: 0 0 0 2px rgba($peach, 0.35);
}