Colore con nome · #E5DDE7
Orchid Lane
Orchid Lane è #E5DDE7: rgb(229 221 231), hsl(288 17% 89%), oklch(0.907 0.016 319.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Orchid Lane color name →
#E5DDE7
oklch(0.907 0.016 319.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E8E0E9
- EAE4EC
- EDE7EE
- EFEBF1
- F2EEF3
- F5F1F5
- F7F5F8
- FAF8FA
- FCFCFD
Ombre
- C7C0C9
- AAA4AB
- 8E888F
- 726E73
- 585559
- 3F3D40
- 282628
- 121113
- 030203
Toni
- DAD3DC
- D0CAD2
- C6C0C7
- BBB7BC
- B1ADB2
- A7A4A8
- 9D9B9E
- 939294
- 8A898A
Armonie di colore
Complementare +180°
- E5DDE7
Orchid Lane
- DBE3D9
≈ Eye of the Storm
Analogo -30° +30°
- E5DDE7
Orchid Lane
- E0DFEA
≈ Monterey Mist
- E9DCE2
≈ Purple Emulsion
Triadico +120° +240°
- E5DDE7
Orchid Lane
- E6DFD5
≈ Pale Cashmere
- D5E4E4
≈ Waterfront
Complementare divisa +150° +210°
- E5DDE7
Orchid Lane
- E1E1D5
≈ Fish Ceviche
- D7E4DE
≈ Fizzle
Tetradico +90° +180° +270°
- E5DDE7
Orchid Lane
- EADDD7
≈ Wistful Beige
- DBE3D9
≈ Eye of the Storm
- D6E2E9
≈ Pale Grey Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.32:1 · APCA Lc 16
Ag
AAASu nero
WCAG 15.82:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 15.82:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
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);
}