لون مسمّى · #FFB2A5
Peach Pearl
Peach Pearl هو #FFB2A5: rgb(255 178 165)، hsl(9 100% 82%)، oklch(0.833 0.093 29.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Peach Pearl color name →
#FFB2A5
oklch(0.833 0.093 29.8)
تحويلات الألوان
- HEX
- #ffb2a5
- RGB
- rgb(255 178 165)
- HSL
- hsl(9 100% 82%)
- HWB
- hwb(9 65% 0%)
- OKLCH
- oklch(0.833 0.093 29.8)
- OKLab
- oklab(0.833 0.08 0.046)
- CIE Lab
- lab(79.87 27.72 18.56)
- LCH
- lch(79.87 33.36 33.8)
- CMYK
- cmyk(0% 30% 35% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFBAAE
- FFC2B7
- FFC9C0
- FFD1C9
- FFD9D2
- FFE0DB
- FFE8E4
- FFF0ED
- FFF7F6
درجات داكنة
- DE9A8F
- BE8379
- 9E6D65
- 805751
- 63433D
- 482F2B
- 2E1D1A
- 160C0A
- 030101
درجات رمادية
- F2ADA1
- E5A89E
- D8A39A
- CC9E96
- BF9993
- B2948F
- A68F8B
- 998A88
- 8D8584
تناسق الألوان
متمم +180°
- FFB2A5
Peach Pearl
- 7AD9EA
≈ Medium Sky Blue
متجاور -30° +30°
- FFB2A5
Peach Pearl
- FBAFC6
≈ Caregiver Pink
- F6BA8B
≈ Fresh Peaches
ثلاثي +120° +240°
- FFB2A5
Peach Pearl
- 9DDAA8
≈ Green Trance
- B3C7FF
≈ Night Snow
متمم منقسم +150° +210°
- FFB2A5
Peach Pearl
- 80DDCA
≈ Shimmering Blue
- 90D1FF
≈ Long Island Sound
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.72:1 · APCA Lc 31
Ag
AAAعلى الأسود
WCAG 12.16:1 · APCA Lc 72
أفضل لون للنص: #000000
WCAG 12.16:1 (AAA) · APCA Lc 72
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--peach-pearl: #ffb2a5;
--peach-pearl-rgb: 255 178 165;
--peach-pearl-oklch: oklch(0.833 0.093 29.8);
}
.element {
color: var(--peach-pearl);
background-color: hsl(9 100% 82%);
border-color: oklch(0.833 0.093 29.8);
}Tailwind CSS v4
@theme {
--color-peach-pearl: #ffb2a5;
--color-peach-pearl-50: #ffece5;
--color-peach-pearl-100: #ffddd5;
--color-peach-pearl-200: #f9c6bc;
--color-peach-pearl-300: #e3a69a;
--color-peach-pearl-400: #cf8a7e;
--color-peach-pearl-500: #bc6e61;
--color-peach-pearl-600: #9e5d53;
--color-peach-pearl-700: #7f4a42;
--color-peach-pearl-800: #5e3530;
--color-peach-pearl-900: #422421;
--color-peach-pearl-950: #2a1310;
}SCSS
$peach-pearl: #ffb2a5;
$peach-pearl-rgb: 255, 178, 165;
$peach-pearl-light: mix(#fff, $peach-pearl, 20%);
$peach-pearl-dark: mix(#000, $peach-pearl, 20%);
.element {
color: $peach-pearl;
box-shadow: 0 0 0 2px rgba($peach-pearl, 0.35);
}