لون مسمّى · #EC9580
Presidio Peach
Presidio Peach هو #EC9580: rgb(236 149 128)، hsl(12 74% 71%)، oklch(0.754 0.11 34.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Presidio Peach color name →
#EC9580
oklch(0.754 0.11 34.3)
تحويلات الألوان
- HEX
- #ec9580
- RGB
- rgb(236 149 128)
- HSL
- hsl(12 74% 71%)
- HWB
- hwb(12 50% 7%)
- OKLCH
- oklch(0.754 0.11 34.3)
- OKLab
- oklab(0.754 0.091 0.062)
- CIE Lab
- lab(70.54 31.98 25.55)
- LCH
- lch(70.54 40.93 38.6)
- CMYK
- cmyk(0% 37% 46% 7%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- EFA08D
- F2AA99
- F4B5A6
- F6C0B2
- F8CABF
- FAD5CB
- FCDFD8
- FDEAE5
- FEF4F2
درجات داكنة
- CD816E
- AF6D5D
- 925A4D
- 76483D
- 5B372E
- 42261F
- 291612
- 130806
- 030101
درجات رمادية
- E19380
- D79281
- CC9081
- C18E81
- B78C81
- AC8981
- A18781
- 968581
- 8B8280
تناسق الألوان
متمم +180°
- EC9580
Presidio Peach
- 4AC1DA
≈ Naxos Sky
متجاور -30° +30°
- EC9580
Presidio Peach
- EA91A7
≈ Underwater Flare
- E0A061
≈ India Trade
ثلاثي +120° +240°
- EC9580
Presidio Peach
- 73C48F
≈ Felt Green
- 9AAAF5
≈ Widowmaker
متمم منقسم +150° +210°
- EC9580
Presidio Peach
- 4BC6B7
≈ Cockatoo
- 6FB7F0
≈ Norfolk Sky
رباعي +90° +180° +270°
- EC9580
Presidio Peach
- A0BB6B
≈ Olivine
- 4AC1DA
≈ Naxos Sky
- BF9DE8
≈ Lavender Cream
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.28:1 · APCA Lc 45
Ag
AAAعلى الأسود
WCAG 9.17:1 · APCA Lc 57
أفضل لون للنص: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--presidio-peach: #ec9580;
--presidio-peach-rgb: 236 149 128;
--presidio-peach-oklch: oklch(0.754 0.11 34.3);
}
.element {
color: var(--presidio-peach);
background-color: hsl(12 74% 71%);
border-color: oklch(0.754 0.11 34.3);
}Tailwind CSS v4
@theme {
--color-presidio-peach: #ec9580;
--color-presidio-peach-50: #ffebe0;
--color-presidio-peach-100: #ffdccf;
--color-presidio-peach-200: #ffc4b4;
--color-presidio-peach-300: #e9a490;
--color-presidio-peach-400: #d78672;
--color-presidio-peach-500: #c46953;
--color-presidio-peach-600: #a55947;
--color-presidio-peach-700: #854738;
--color-presidio-peach-800: #633329;
--color-presidio-peach-900: #45231c;
--color-presidio-peach-950: #2d110c;
}SCSS
$presidio-peach: #ec9580;
$presidio-peach-rgb: 236, 149, 128;
$presidio-peach-light: mix(#fff, $presidio-peach, 20%);
$presidio-peach-dark: mix(#000, $presidio-peach, 20%);
.element {
color: $presidio-peach;
box-shadow: 0 0 0 2px rgba($presidio-peach, 0.35);
}