Adlandırılmış renk · #E5DDE7
Orchid Lane
Orchid Lane, #E5DDE7: rgb(229 221 231), hsl(288 17% 89%), oklch(0.907 0.016 319.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Orchid Lane color name →
#E5DDE7
oklch(0.907 0.016 319.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E8E0E9
- EAE4EC
- EDE7EE
- EFEBF1
- F2EEF3
- F5F1F5
- F7F5F8
- FAF8FA
- FCFCFD
Koyu tonlar
- C7C0C9
- AAA4AB
- 8E888F
- 726E73
- 585559
- 3F3D40
- 282628
- 121113
- 030203
Gri tonlar
- DAD3DC
- D0CAD2
- C6C0C7
- BBB7BC
- B1ADB2
- A7A4A8
- 9D9B9E
- 939294
- 8A898A
Renk uyumları
Tamamlayıcı +180°
- E5DDE7
Orchid Lane
- DBE3D9
≈ Eye of the Storm
Analog -30° +30°
- E5DDE7
Orchid Lane
- E0DFEA
≈ Monterey Mist
- E9DCE2
≈ Purple Emulsion
Üçlü +120° +240°
- E5DDE7
Orchid Lane
- E6DFD5
≈ Pale Cashmere
- D5E4E4
≈ Waterfront
Bölünmüş tamamlayıcı +150° +210°
- E5DDE7
Orchid Lane
- E1E1D5
≈ Fish Ceviche
- D7E4DE
≈ Fizzle
Dörtlü +90° +180° +270°
- E5DDE7
Orchid Lane
- EADDD7
≈ Wistful Beige
- DBE3D9
≈ Eye of the Storm
- D6E2E9
≈ Pale Grey Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.32:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.82:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.82:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
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);
}