أقرب لون مسمّى · #D78483
#D78483
أقرب لون مسمّى: Peaches of Immortality
#D78483 (rgb(215 132 131)، hsl(1 51% 68%)، oklch(0.7 0.103 20.7)) أقرب إلى اللون المسمّى Peaches of Immortality. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#D78483
oklch(0.7 0.103 20.7)
تحويلات الألوان
- HEX
- #d78483
- RGB
- rgb(215 132 131)
- HSL
- hsl(1 51% 68%)
- HWB
- hwb(1 51% 16%)
- OKLCH
- oklch(0.7 0.103 20.7)
- OKLab
- oklab(0.7 0.096 0.036)
- CIE Lab
- lab(64.19 32.66 14.83)
- LCH
- lch(64.19 35.87 24.4)
- CMYK
- cmyk(0% 39% 39% 16%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DC908F
- E19D9B
- E5A9A7
- EAB5B3
- EEC1C0
- F2CDCC
- F5DAD9
- F9E6E5
- FCF3F2
درجات داكنة
- BB7271
- 9F6060
- 854F4F
- 6B3F3F
- 522F2F
- 3B2020
- 251212
- 110606
- 020101
درجات رمادية
- CF8483
- C68483
- BE8482
- B58482
- AD8382
- A48381
- 9B8281
- 928281
- 898180
تناسق الألوان
متمم +180°
- D78483
Peaches of Immortality
- 3BB1B8
≈ Lake Tahoe Turquoise
متجاور -30° +30°
- D78483
Peaches of Immortality
- CF83A7
≈ Moonlight Mauve
- D28B62
≈ Grounded
ثلاثي +120° +240°
- D78483
Peaches of Immortality
- 7BAF71
≈ Alfalfa Bug
- 7A9FDF
≈ Greek Sea
متمم منقسم +150° +210°
- D78483
Peaches of Immortality
- 52B396
≈ Electra
- 52AAD3
≈ Hoeth Blue
رباعي +90° +180° +270°
- D78483
Peaches of Immortality
- A1A455
≈ Reed Green
- 3BB1B8
≈ Lake Tahoe Turquoise
- 9E93DA
≈ Middy’s Purple
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.79:1 · APCA Lc 54
Ag
AAAعلى الأسود
WCAG 7.51:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--peaches-of-immortality: #d78483;
--peaches-of-immortality-rgb: 215 132 131;
--peaches-of-immortality-oklch: oklch(0.7 0.103 20.7);
}
.element {
color: var(--peaches-of-immortality);
background-color: hsl(1 51% 68%);
border-color: oklch(0.7 0.103 20.7);
}Tailwind CSS v4
@theme {
--color-peaches-of-immortality: #d78483;
--color-peaches-of-immortality-50: #ffeae8;
--color-peaches-of-immortality-100: #ffdbd8;
--color-peaches-of-immortality-200: #fec4c0;
--color-peaches-of-immortality-300: #e8a39f;
--color-peaches-of-immortality-400: #d48584;
--color-peaches-of-immortality-500: #c16869;
--color-peaches-of-immortality-600: #a35959;
--color-peaches-of-immortality-700: #834747;
--color-peaches-of-immortality-800: #613334;
--color-peaches-of-immortality-900: #442324;
--color-peaches-of-immortality-950: #2c1112;
}SCSS
$peaches-of-immortality: #d78483;
$peaches-of-immortality-rgb: 215, 132, 131;
$peaches-of-immortality-light: mix(#fff, $peaches-of-immortality, 20%);
$peaches-of-immortality-dark: mix(#000, $peaches-of-immortality, 20%);
.element {
color: $peaches-of-immortality;
box-shadow: 0 0 0 2px rgba($peaches-of-immortality, 0.35);
}