لون مسمّى · #EFDCD4
American Yorkshire
American Yorkshire هو #EFDCD4: rgb(239 220 212)، hsl(18 46% 88%)، oklch(0.908 0.024 44.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · American Yorkshire color name →
#EFDCD4
oklch(0.908 0.024 44.3)
تحويلات الألوان
- HEX
- #efdcd4
- RGB
- rgb(239 220 212)
- HSL
- hsl(18 46% 88%)
- HWB
- hwb(18 83% 6%)
- OKLCH
- oklch(0.908 0.024 44.3)
- OKLab
- oklab(0.908 0.017 0.017)
- CIE Lab
- lab(89.16 5.78 6.43)
- LCH
- lch(89.16 8.64 48.1)
- CMYK
- cmyk(0% 8% 11% 6%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F1DFD8
- F2E3DD
- F4E6E1
- F6EAE5
- F7EDE9
- F9F1EE
- FAF4F2
- FCF8F6
- FDFBFB
درجات داكنة
- D0BFB8
- B1A39D
- 948883
- 786E69
- 5C5451
- 423C3A
- 2A2624
- 141110
- 030202
درجات رمادية
- E3D2CB
- D8C9C3
- CCBFBA
- C1B6B2
- B6ADA9
- ABA4A1
- A09B98
- 959290
- 8B8988
تناسق الألوان
متمم +180°
- EFDCD4
American Yorkshire
- D1E4EC
≈ Mystic Harbour
متجاور -30° +30°
- EFDCD4
American Yorkshire
- F0DBDC
≈ Lover’s Knot
- EADFD0
≈ Bobcat Whiskers
ثلاثي +120° +240°
- EFDCD4
American Yorkshire
- D3E6DC
≈ Summer Breeze
- DEDFF0
≈ Lower Lavender
متمم منقسم +150° +210°
- EFDCD4
American Yorkshire
- CFE6E5
≈ Ventilated
- D6E2F0
≈ Blooming Aster
رباعي +90° +180° +270°
- EFDCD4
American Yorkshire
- DAE4D5
≈ Lightest Sky
- D1E4EC
≈ Mystic Harbour
- E6DCEC
≈ Princess Fairy Tale
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.32:1 · APCA Lc 16
Ag
AAAعلى الأسود
WCAG 15.85:1 · APCA Lc 88
أفضل لون للنص: #000000
WCAG 15.85:1 (AAA) · APCA Lc 88
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--american-yorkshire: #efdcd4;
--american-yorkshire-rgb: 239 220 212;
--american-yorkshire-oklch: oklch(0.908 0.024 44.3);
}
.element {
color: var(--american-yorkshire);
background-color: hsl(18 46% 88%);
border-color: oklch(0.908 0.024 44.3);
}Tailwind CSS v4
@theme {
--color-american-yorkshire: #efdcd4;
--color-american-yorkshire-50: #fbf3ef;
--color-american-yorkshire-100: #efe6e1;
--color-american-yorkshire-200: #ddd1cc;
--color-american-yorkshire-300: #c2b4ad;
--color-american-yorkshire-400: #ab9a93;
--color-american-yorkshire-500: #94827a;
--color-american-yorkshire-600: #7e6e67;
--color-american-yorkshire-700: #645852;
--color-american-yorkshire-800: #4a403c;
--color-american-yorkshire-900: #332c29;
--color-american-yorkshire-950: #1f1917;
}SCSS
$american-yorkshire: #efdcd4;
$american-yorkshire-rgb: 239, 220, 212;
$american-yorkshire-light: mix(#fff, $american-yorkshire, 20%);
$american-yorkshire-dark: mix(#000, $american-yorkshire, 20%);
.element {
color: $american-yorkshire;
box-shadow: 0 0 0 2px rgba($american-yorkshire, 0.35);
}