أقرب لون مسمّى · #CE8886
#CE8886
أقرب لون مسمّى: Peaches of Immortality
#CE8886 (rgb(206 136 134)، hsl(2 42% 67%)، oklch(0.697 0.086 21.3)) أقرب إلى اللون المسمّى Peaches of Immortality. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#CE8886
oklch(0.697 0.086 21.3)
تحويلات الألوان
- HEX
- #ce8886
- RGB
- rgb(206 136 134)
- HSL
- hsl(2 42% 67%)
- HWB
- hwb(2 53% 19%)
- OKLCH
- oklch(0.697 0.086 21.3)
- OKLab
- oklab(0.697 0.081 0.031)
- CIE Lab
- lab(64.02 27.38 12.7)
- LCH
- lch(64.02 30.18 24.9)
- CMYK
- cmyk(0% 34% 35% 19%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D49492
- D99F9D
- DEABA9
- E4B7B5
- E9C3C1
- EDCFCD
- F2DBD9
- F7E7E6
- FBF3F2
درجات داكنة
- B37574
- 986362
- 7F5251
- 664140
- 4E3130
- 382221
- 231313
- 0F0606
- 020101
درجات رمادية
- C68785
- BF8785
- B78684
- B08684
- A88583
- A08483
- 988382
- 908281
- 888181
تناسق الألوان
متمم +180°
- CE8886
Peaches of Immortality
- 53AEB4
≈ Thalassa
متجاور -30° +30°
- CE8886
Peaches of Immortality
- C787A4
≈ Moonlight Mauve
- C98E6C
≈ Baker’s Dream
ثلاثي +120° +240°
- CE8886
Peaches of Immortality
- 7FAB79
≈ Summer Garden
- 7F9ED4
≈ Wisteria Blue
متمم منقسم +150° +210°
- CE8886
Peaches of Immortality
- 61AF97
≈ Green Crush
- 62A7CA
≈ Ethereal Blue
رباعي +90° +180° +270°
- CE8886
Peaches of Immortality
- 9FA363
≈ Gothic Revival Green
- 53AEB4
≈ Thalassa
- 9E94D0
≈ Distinct Purple
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.80:1 · APCA Lc 54
Ag
AAAعلى الأسود
WCAG 7.49:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--peaches-of-immortality: #ce8886;
--peaches-of-immortality-rgb: 206 136 134;
--peaches-of-immortality-oklch: oklch(0.697 0.086 21.3);
}
.element {
color: var(--peaches-of-immortality);
background-color: hsl(2 42% 67%);
border-color: oklch(0.697 0.086 21.3);
}Tailwind CSS v4
@theme {
--color-peaches-of-immortality: #ce8886;
--color-peaches-of-immortality-50: #ffece9;
--color-peaches-of-immortality-100: #ffddda;
--color-peaches-of-immortality-200: #f7c7c3;
--color-peaches-of-immortality-300: #e1a7a3;
--color-peaches-of-immortality-400: #cd8a88;
--color-peaches-of-immortality-500: #b96e6d;
--color-peaches-of-immortality-600: #9c5e5c;
--color-peaches-of-immortality-700: #7d4b4a;
--color-peaches-of-immortality-800: #5d3636;
--color-peaches-of-immortality-900: #412525;
--color-peaches-of-immortality-950: #291314;
}SCSS
$peaches-of-immortality: #ce8886;
$peaches-of-immortality-rgb: 206, 136, 134;
$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);
}