لون مسمّى · #E5DDE7
Orchid Lane
Orchid Lane هو #E5DDE7: rgb(229 221 231)، hsl(288 17% 89%)، oklch(0.907 0.016 319.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Orchid Lane color name →
#E5DDE7
oklch(0.907 0.016 319.4)
تحويلات الألوان
- HEX
- #e5dde7
- RGB
- rgb(229 221 231)
- HSL
- hsl(288 17% 89%)
- HWB
- hwb(288 87% 9%)
- OKLCH
- oklch(0.907 0.016 319.4)
- OKLab
- oklab(0.907 0.012 -0.01)
- CIE Lab
- lab(88.98 4.15 -3.89)
- LCH
- lch(88.98 5.68 316.9)
- CMYK
- cmyk(1% 4% 0% 9%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E8E0E9
- EAE4EC
- EDE7EE
- EFEBF1
- F2EEF3
- F5F1F5
- F7F5F8
- FAF8FA
- FCFCFD
درجات داكنة
- C7C0C9
- AAA4AB
- 8E888F
- 726E73
- 585559
- 3F3D40
- 282628
- 121113
- 030203
درجات رمادية
- DAD3DC
- D0CAD2
- C6C0C7
- BBB7BC
- B1ADB2
- A7A4A8
- 9D9B9E
- 939294
- 8A898A
تناسق الألوان
متمم +180°
- E5DDE7
Orchid Lane
- DBE3D9
≈ Eye of the Storm
متجاور -30° +30°
- E5DDE7
Orchid Lane
- E0DFEA
≈ Monterey Mist
- E9DCE2
≈ Purple Emulsion
ثلاثي +120° +240°
- E5DDE7
Orchid Lane
- E6DFD5
≈ Pale Cashmere
- D5E4E4
≈ Waterfront
متمم منقسم +150° +210°
- E5DDE7
Orchid Lane
- E1E1D5
≈ Fish Ceviche
- D7E4DE
≈ Fizzle
رباعي +90° +180° +270°
- E5DDE7
Orchid Lane
- EADDD7
≈ Wistful Beige
- DBE3D9
≈ Eye of the Storm
- D6E2E9
≈ Pale Grey Blue
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.32:1 · APCA Lc 16
Ag
AAAعلى الأسود
WCAG 15.82:1 · APCA Lc 88
أفضل لون للنص: #000000
WCAG 15.82:1 (AAA) · APCA Lc 88
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--orchid-lane: #e5dde7;
--orchid-lane-rgb: 229 221 231;
--orchid-lane-oklch: oklch(0.907 0.016 319.4);
}
.element {
color: var(--orchid-lane);
background-color: hsl(288 17% 89%);
border-color: oklch(0.907 0.016 319.4);
}Tailwind CSS v4
@theme {
--color-orchid-lane: #e5dde7;
--color-orchid-lane-50: #f7f4f8;
--color-orchid-lane-100: #eae6eb;
--color-orchid-lane-200: #d7d2d8;
--color-orchid-lane-300: #bbb5bc;
--color-orchid-lane-400: #a39ca4;
--color-orchid-lane-500: #8b838d;
--color-orchid-lane-600: #766f77;
--color-orchid-lane-700: #5e595f;
--color-orchid-lane-800: #454146;
--color-orchid-lane-900: #2f2d30;
--color-orchid-lane-950: #1c1a1d;
}SCSS
$orchid-lane: #e5dde7;
$orchid-lane-rgb: 229, 221, 231;
$orchid-lane-light: mix(#fff, $orchid-lane, 20%);
$orchid-lane-dark: mix(#000, $orchid-lane, 20%);
.element {
color: $orchid-lane;
box-shadow: 0 0 0 2px rgba($orchid-lane, 0.35);
}