لون مسمّى · #E6D6BA
Palomino Mane
Palomino Mane هو #E6D6BA: rgb(230 214 186)، hsl(38 47% 82%)، oklch(0.882 0.041 81.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Palomino Mane color name →
#E6D6BA
oklch(0.882 0.041 81.7)
تحويلات الألوان
- HEX
- #e6d6ba
- RGB
- rgb(230 214 186)
- HSL
- hsl(38 47% 82%)
- HWB
- hwb(38 73% 10%)
- OKLCH
- oklch(0.882 0.041 81.7)
- OKLab
- oklab(0.882 0.006 0.041)
- CIE Lab
- lab(86.4 2.42 15.99)
- LCH
- lch(86.4 16.17 81.4)
- CMYK
- cmyk(0% 7% 19% 10%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E9DAC1
- EBDEC8
- EEE2CF
- F0E6D5
- F3EADC
- F5EFE3
- F8F3EA
- FAF7F1
- FDFBF8
درجات داكنة
- C8BAA1
- AB9E89
- 8E8472
- 736A5C
- 595246
- 403B32
- 28251E
- 13100D
- 030202
درجات رمادية
- DBCDB4
- D1C4AE
- C6BBA8
- BCB3A3
- B2AA9D
- A8A197
- 9D9991
- 94918B
- 8A8886
تناسق الألوان
متمم +180°
- E6D6BA
Palomino Mane
- C9D9F4
≈ Fly a Kite
متجاور -30° +30°
- E6D6BA
Palomino Mane
- EFD1C0
≈ Blushing
- D8DBBC
≈ Apple Cucumber
ثلاثي +120° +240°
- E6D6BA
Palomino Mane
- B9E1E4
≈ Forever
- E5D0E9
≈ Little Touch
متمم منقسم +150° +210°
- E6D6BA
Palomino Mane
- BEDEEF
≈ Tropical Pool
- D8D4F2
≈ Japan Blush
رباعي +90° +180° +270°
- E6D6BA
Palomino Mane
- BEE1D5
≈ Serendipity
- C9D9F4
≈ Fly a Kite
- EFCDDB
≈ Pale Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.42:1 · APCA Lc 21
Ag
AAAعلى الأسود
WCAG 14.69:1 · APCA Lc 83
أفضل لون للنص: #000000
WCAG 14.69:1 (AAA) · APCA Lc 83
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--palomino-mane: #e6d6ba;
--palomino-mane-rgb: 230 214 186;
--palomino-mane-oklch: oklch(0.882 0.041 81.7);
}
.element {
color: var(--palomino-mane);
background-color: hsl(38 47% 82%);
border-color: oklch(0.882 0.041 81.7);
}Tailwind CSS v4
@theme {
--color-palomino-mane: #e6d6ba;
--color-palomino-mane-50: #fbf4e8;
--color-palomino-mane-100: #eee7d9;
--color-palomino-mane-200: #ddd3c1;
--color-palomino-mane-300: #c2b6a0;
--color-palomino-mane-400: #ab9c83;
--color-palomino-mane-500: #948467;
--color-palomino-mane-600: #7d7058;
--color-palomino-mane-700: #645946;
--color-palomino-mane-800: #4a4132;
--color-palomino-mane-900: #332d22;
--color-palomino-mane-950: #1f1a11;
}SCSS
$palomino-mane: #e6d6ba;
$palomino-mane-rgb: 230, 214, 186;
$palomino-mane-light: mix(#fff, $palomino-mane, 20%);
$palomino-mane-dark: mix(#000, $palomino-mane, 20%);
.element {
color: $palomino-mane;
box-shadow: 0 0 0 2px rgba($palomino-mane, 0.35);
}