أقرب لون مسمّى · #CE8887
#CE8887
أقرب لون مسمّى: Peaches of Immortality
#CE8887 (rgb(206 136 135)، hsl(1 42% 67%)، oklch(0.698 0.086 20.4)) أقرب إلى اللون المسمّى Peaches of Immortality. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#CE8887
oklch(0.698 0.086 20.4)
تحويلات الألوان
- HEX
- #ce8887
- RGB
- rgb(206 136 135)
- HSL
- hsl(1 42% 67%)
- HWB
- hwb(1 53% 19%)
- OKLCH
- oklch(0.698 0.086 20.4)
- OKLab
- oklab(0.698 0.081 0.03)
- CIE Lab
- lab(64.04 27.47 12.16)
- LCH
- lch(64.04 30.04 23.9)
- CMYK
- cmyk(0% 34% 34% 19%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D49492
- D99F9E
- DEABAA
- E4B7B6
- E9C3C2
- EDCFCE
- F2DBDA
- F7E7E6
- FBF3F2
درجات داكنة
- B37575
- 986363
- 7F5251
- 664141
- 4E3131
- 382221
- 231313
- 0F0606
- 020101
درجات رمادية
- C68786
- BF8786
- B78685
- B08684
- A88584
- A08483
- 988382
- 908282
- 888181
تناسق الألوان
متمم +180°
- CE8887
Peaches of Immortality
- 54AEB3
≈ Blue Turquoise
متجاور -30° +30°
- CE8887
Peaches of Immortality
- C788A5
≈ Pinch Me
- C98E6C
≈ Baker’s Dream
ثلاثي +120° +240°
- CE8887
Peaches of Immortality
- 81AB78
≈ Lush Fields
- 7F9FD4
≈ Wisteria Blue
متمم منقسم +150° +210°
- CE8887
Peaches of Immortality
- 62AF96
≈ Green Crush
- 61A8C9
≈ Estero Sky
رباعي +90° +180° +270°
- CE8887
Peaches of Immortality
- A0A362
≈ Gothic Revival Green
- 54AEB3
≈ Blue Turquoise
- 9D95D0
≈ 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: #ce8887;
--peaches-of-immortality-rgb: 206 136 135;
--peaches-of-immortality-oklch: oklch(0.698 0.086 20.4);
}
.element {
color: var(--peaches-of-immortality);
background-color: hsl(1 42% 67%);
border-color: oklch(0.698 0.086 20.4);
}Tailwind CSS v4
@theme {
--color-peaches-of-immortality: #ce8887;
--color-peaches-of-immortality-50: #ffecea;
--color-peaches-of-immortality-100: #ffdddb;
--color-peaches-of-immortality-200: #f7c6c3;
--color-peaches-of-immortality-300: #e0a6a3;
--color-peaches-of-immortality-400: #cd8a89;
--color-peaches-of-immortality-500: #b96e6e;
--color-peaches-of-immortality-600: #9c5e5d;
--color-peaches-of-immortality-700: #7d4b4a;
--color-peaches-of-immortality-800: #5d3637;
--color-peaches-of-immortality-900: #412525;
--color-peaches-of-immortality-950: #291314;
}SCSS
$peaches-of-immortality: #ce8887;
$peaches-of-immortality-rgb: 206, 136, 135;
$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);
}