لون مسمّى · #EFCDB4
Peach Darling
Peach Darling هو #EFCDB4: rgb(239 205 180)، hsl(25 65% 82%)، oklch(0.871 0.051 58.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Peach Darling color name →
#EFCDB4
oklch(0.871 0.051 58.3)
تحويلات الألوان
- HEX
- #efcdb4
- RGB
- rgb(239 205 180)
- HSL
- hsl(25 65% 82%)
- HWB
- hwb(25 71% 6%)
- OKLCH
- oklch(0.871 0.051 58.3)
- OKLab
- oklab(0.871 0.027 0.043)
- CIE Lab
- lab(84.86 9.6 17.15)
- LCH
- lch(84.86 19.66 60.8)
- CMYK
- cmyk(0% 14% 25% 6%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F1D2BB
- F2D7C3
- F4DCCA
- F6E1D2
- F7E6D9
- F9EBE1
- FBF0E8
- FCF5F0
- FEFAF7
درجات داكنة
- D0B29C
- B19885
- 947E6E
- 786658
- 5C4E44
- 423830
- 2A231D
- 140F0C
- 030202
درجات رمادية
- E3C5AF
- D8BDAA
- CDB5A4
- C1AE9F
- B6A69A
- AB9E95
- A09790
- 958F8A
- 8B8785
تناسق الألوان
متمم +180°
- EFCDB4
Peach Darling
- B6DAF3
≈ Blue Rice
متجاور -30° +30°
- EFCDB4
Peach Darling
- F4C9C2
≈ Sonia Rose
- E2D3AF
≈ Meadow Dew
ثلاثي +120° +240°
- EFCDB4
Peach Darling
- B1E0D5
≈ Fair Aqua
- D8CEF2
≈ Plum’s the Word
متمم منقسم +150° +210°
- EFCDB4
Peach Darling
- AEDEE6
≈ Sky Cloud
- C6D4F7
≈ Frozen Periwinkle
رباعي +90° +180° +270°
- EFCDB4
Peach Darling
- BFDEC2
≈ Soft Grass
- B6DAF3
≈ Blue Rice
- E8C9E6
≈ Sweet Murmur
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.49:1 · APCA Lc 23
Ag
AAAعلى الأسود
WCAG 14.06:1 · APCA Lc 80
أفضل لون للنص: #000000
WCAG 14.06:1 (AAA) · APCA Lc 80
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--peach-darling: #efcdb4;
--peach-darling-rgb: 239 205 180;
--peach-darling-oklch: oklch(0.871 0.051 58.3);
}
.element {
color: var(--peach-darling);
background-color: hsl(25 65% 82%);
border-color: oklch(0.871 0.051 58.3);
}Tailwind CSS v4
@theme {
--color-peach-darling: #efcdb4;
--color-peach-darling-50: #fff2e7;
--color-peach-darling-100: #f5e4d7;
--color-peach-darling-200: #e5d0bf;
--color-peach-darling-300: #ccb29e;
--color-peach-darling-400: #b69881;
--color-peach-darling-500: #a07e65;
--color-peach-darling-600: #886b55;
--color-peach-darling-700: #6d5544;
--color-peach-darling-800: #503e31;
--color-peach-darling-900: #382b21;
--color-peach-darling-950: #231811;
}SCSS
$peach-darling: #efcdb4;
$peach-darling-rgb: 239, 205, 180;
$peach-darling-light: mix(#fff, $peach-darling, 20%);
$peach-darling-dark: mix(#000, $peach-darling, 20%);
.element {
color: $peach-darling;
box-shadow: 0 0 0 2px rgba($peach-darling, 0.35);
}