لون مسمّى · #D29487
Peach Preserve
Peach Preserve هو #D29487: rgb(210 148 135)، hsl(10 45% 68%)، oklch(0.724 0.078 32.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Peach Preserve color name →
#D29487
oklch(0.724 0.078 32.2)
تحويلات الألوان
- HEX
- #d29487
- RGB
- rgb(210 148 135)
- HSL
- hsl(10 45% 68%)
- HWB
- hwb(10 53% 18%)
- OKLCH
- oklch(0.724 0.078 32.2)
- OKLab
- oklab(0.724 0.066 0.042)
- CIE Lab
- lab(67.31 22.85 16.74)
- LCH
- lch(67.31 28.32 36.2)
- CMYK
- cmyk(0% 30% 36% 18%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D79F93
- DCA99E
- E1B4AA
- E6BEB6
- EAC9C2
- EFD4CE
- F3DEDA
- F7E9E6
- FBF4F3
درجات داكنة
- B68075
- 9B6D63
- 815A51
- 684841
- 503631
- 392621
- 241613
- 100806
- 020101
درجات رمادية
- CA9286
- C29086
- BA8E85
- B18C85
- A98B84
- A18883
- 998682
- 918482
- 888281
تناسق الألوان
متمم +180°
- D29487
Peach Preserve
- 68B3C2
≈ Riverside Blue
متجاور -30° +30°
- D29487
Peach Preserve
- D091A2
≈ Madagascar Pink
- C99B73
≈ Chimaera Brown
ثلاثي +120° +240°
- D29487
Peach Preserve
- 80B48E
≈ Veiled Chameleon
- 95A3D7
≈ Dalmatian Sage
متمم منقسم +150° +210°
- D29487
Peach Preserve
- 6BB6AA
≈ Lenticular Ore
- 7AACD3
≈ Blue Eyes
رباعي +90° +180° +270°
- D29487
Peach Preserve
- 9DAE77
≈ Siamese Green
- 68B3C2
≈ Riverside Blue
- AF9ACF
≈ Biloba Flower
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.52:1 · APCA Lc 49
Ag
AAAعلى الأسود
WCAG 8.32:1 · APCA Lc 53
أفضل لون للنص: #000000
WCAG 8.32:1 (AAA) · APCA Lc 53
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--peach-preserve: #d29487;
--peach-preserve-rgb: 210 148 135;
--peach-preserve-oklch: oklch(0.724 0.078 32.2);
}
.element {
color: var(--peach-preserve);
background-color: hsl(10 45% 68%);
border-color: oklch(0.724 0.078 32.2);
}Tailwind CSS v4
@theme {
--color-peach-preserve: #d29487;
--color-peach-preserve-50: #ffeee7;
--color-peach-preserve-100: #ffdfd7;
--color-peach-preserve-200: #f4c9bf;
--color-peach-preserve-300: #dcaa9d;
--color-peach-preserve-400: #c88e81;
--color-peach-preserve-500: #b47365;
--color-peach-preserve-600: #986156;
--color-peach-preserve-700: #7a4e44;
--color-peach-preserve-800: #5a3832;
--color-peach-preserve-900: #3f2622;
--color-peach-preserve-950: #281511;
}SCSS
$peach-preserve: #d29487;
$peach-preserve-rgb: 210, 148, 135;
$peach-preserve-light: mix(#fff, $peach-preserve, 20%);
$peach-preserve-dark: mix(#000, $peach-preserve, 20%);
.element {
color: $peach-preserve;
box-shadow: 0 0 0 2px rgba($peach-preserve, 0.35);
}