أقرب لون مسمّى · #CF878A
#CF878A
أقرب لون مسمّى: Peaches of Immortality
#CF878A (rgb(207 135 138)، hsl(358 43% 67%)، oklch(0.698 0.089 16.9)) أقرب إلى اللون المسمّى Peaches of Immortality. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#CF878A
oklch(0.698 0.089 16.9)
تحويلات الألوان
- HEX
- #cf878a
- RGB
- rgb(207 135 138)
- HSL
- hsl(358 43% 67%)
- HWB
- hwb(358 53% 19%)
- OKLCH
- oklch(0.698 0.089 16.9)
- OKLab
- oklab(0.698 0.085 0.026)
- CIE Lab
- lab(63.99 28.65 10.43)
- LCH
- lch(63.99 30.49 20)
- CMYK
- cmyk(0% 35% 33% 19%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D59395
- DA9FA0
- DFABAC
- E4B6B7
- E9C2C3
- EECECF
- F2DADB
- F7E7E7
- FBF3F3
درجات داكنة
- B47577
- 996365
- 7F5153
- 674142
- 4F3132
- 382122
- 231314
- 100607
- 020101
درجات رمادية
- C78789
- C08688
- B88687
- B08586
- A88485
- A08484
- 998383
- 908282
- 888181
تناسق الألوان
متمم +180°
- CF878A
Peaches of Immortality
- 51AFB0
≈ Crystalsong Blue
متجاور -30° +30°
- CF878A
Peaches of Immortality
- C787A9
≈ Moonlight Mauve
- CC8D6E
≈ Cinnamon Brandy
ثلاثي +120° +240°
- CF878A
Peaches of Immortality
- 84AB74
≈ Wyvern Green
- 7AA0D5
≈ Kindred
متمم منقسم +150° +210°
- CF878A
Peaches of Immortality
- 63B092
≈ Electra
- 5CA9C8
≈ Estero Sky
رباعي +90° +180° +270°
- CF878A
Peaches of Immortality
- A4A25F
≈ Gothic Revival Green
- 51AFB0
≈ Crystalsong Blue
- 9A95D3
≈ Bluebell Frost
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.80:1 · APCA Lc 54
Ag
AAAعلى الأسود
WCAG 7.48:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--peaches-of-immortality: #cf878a;
--peaches-of-immortality-rgb: 207 135 138;
--peaches-of-immortality-oklch: oklch(0.698 0.089 16.9);
}
.element {
color: var(--peaches-of-immortality);
background-color: hsl(358 43% 67%);
border-color: oklch(0.698 0.089 16.9);
}Tailwind CSS v4
@theme {
--color-peaches-of-immortality: #cf878a;
--color-peaches-of-immortality-50: #ffeceb;
--color-peaches-of-immortality-100: #ffdddc;
--color-peaches-of-immortality-200: #f8c6c5;
--color-peaches-of-immortality-300: #e1a6a6;
--color-peaches-of-immortality-400: #ce898c;
--color-peaches-of-immortality-500: #b96d71;
--color-peaches-of-immortality-600: #9d5d60;
--color-peaches-of-immortality-700: #7e4a4c;
--color-peaches-of-immortality-800: #5d3538;
--color-peaches-of-immortality-900: #412427;
--color-peaches-of-immortality-950: #2a1315;
}SCSS
$peaches-of-immortality: #cf878a;
$peaches-of-immortality-rgb: 207, 135, 138;
$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);
}