Colore con nome · #E0D0DB
Orchid Ice
Orchid Ice è #E0D0DB: rgb(224 208 219), hsl(319 21% 85%), oklch(0.874 0.023 336.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Orchid Ice color name →
#E0D0DB
oklch(0.874 0.023 336.9)
Conversioni di colore
- HEX
- #e0d0db
- RGB
- rgb(224 208 219)
- HSL
- hsl(319 21% 85%)
- HWB
- hwb(319 82% 12%)
- OKLCH
- oklch(0.874 0.023 336.9)
- OKLab
- oklab(0.874 0.021 -0.009)
- CIE Lab
- lab(85.05 7.16 -3.35)
- LCH
- lch(85.05 7.91 334.9)
- CMYK
- cmyk(0% 7% 2% 12%)
Tinte · Ombre · Toni
Tinte
- E3D5DF
- E6D9E2
- E9DEE6
- ECE3E9
- EFE7ED
- F3ECF0
- F6F1F4
- F9F5F8
- FCFAFB
Ombre
- C3B5BE
- A69AA2
- 8A8087
- 70676D
- 564F54
- 3E393C
- 272326
- 121011
- 020202
Toni
- D6C8D2
- CCBFC8
- C2B7BF
- B8AFB6
- AFA7AC
- A59FA3
- 9C979A
- 928F91
- 898889
Armonie di colore
Complementare +180°
- E0D0DB
Orchid Ice
- CADACF
≈ Tenderness
Analogo -30° +30°
- E0D0DB
Orchid Ice
- D9D2E2
≈ Delicate Lilac Crystal
- E4D0D3
≈ Delicate Pink
Triadico +120° +240°
- E0D0DB
Orchid Ice
- D9D6C5
≈ Whetstone
- C6DADF
≈ Wan Blue
Complementare divisa +150° +210°
- E0D0DB
Orchid Ice
- D1D9C9
≈ Bayberry Frost
- C5DBD8
≈ Morning Dew White
Tetradico +90° +180° +270°
- E0D0DB
Orchid Ice
- E0D3C6
≈ Coconut Ice
- CADACF
≈ Tenderness
- CAD7E4
≈ Baywater Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.47:1 · APCA Lc 23
Ag
AAASu nero
WCAG 14.21:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.21:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--orchid-ice: #e0d0db;
--orchid-ice-rgb: 224 208 219;
--orchid-ice-oklch: oklch(0.874 0.023 336.9);
}
.element {
color: var(--orchid-ice);
background-color: hsl(319 21% 85%);
border-color: oklch(0.874 0.023 336.9);
}Tailwind CSS v4
@theme {
--color-orchid-ice: #e0d0db;
--color-orchid-ice-50: #faf3f7;
--color-orchid-ice-100: #ede5ea;
--color-orchid-ice-200: #dbd1d7;
--color-orchid-ice-300: #c0b3bb;
--color-orchid-ice-400: #a899a3;
--color-orchid-ice-500: #91818c;
--color-orchid-ice-600: #7a6d76;
--color-orchid-ice-700: #62575f;
--color-orchid-ice-800: #483f46;
--color-orchid-ice-900: #322c30;
--color-orchid-ice-950: #1e191c;
}SCSS
$orchid-ice: #e0d0db;
$orchid-ice-rgb: 224, 208, 219;
$orchid-ice-light: mix(#fff, $orchid-ice, 20%);
$orchid-ice-dark: mix(#000, $orchid-ice, 20%);
.element {
color: $orchid-ice;
box-shadow: 0 0 0 2px rgba($orchid-ice, 0.35);
}