Colore con nome · #D9E6E2
Crystalline Falls
Crystalline Falls è #D9E6E2: rgb(217 230 226), hsl(162 21% 88%), oklch(0.914 0.015 175.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Crystalline Falls color name →
#D9E6E2
oklch(0.914 0.015 175.7)
Conversioni di colore
- HEX
- #d9e6e2
- RGB
- rgb(217 230 226)
- HSL
- hsl(162 21% 88%)
- HWB
- hwb(162 85% 10%)
- OKLCH
- oklch(0.914 0.015 175.7)
- OKLab
- oklab(0.914 -0.015 0.001)
- CIE Lab
- lab(90.22 -5.04 0.38)
- LCH
- lch(90.22 5.05 175.7)
- CMYK
- cmyk(6% 0% 2% 10%)
Tinte · Ombre · Toni
Tinte
- DDE8E5
- E1EBE8
- E4EDEB
- E8F0EE
- ECF2F0
- F0F5F3
- F4F7F6
- F7FAF9
- FBFCFC
Ombre
- BCC8C4
- A1ABA8
- 868E8C
- 6C7371
- 535957
- 3B403E
- 252827
- 111312
- 020303
Toni
- D0DBD8
- C7D1CE
- BDC6C4
- B4BCBA
- ABB2B0
- A3A7A6
- 9A9D9C
- 919493
- 898A89
Armonie di colore
Complementare +180°
- D9E6E2
Crystalline Falls
- EBDFE3
≈ Weak Mauve
Analogo -30° +30°
- D9E6E2
Crystalline Falls
- DDE5DD
≈ Morning Rush
- D8E6E7
≈ Smoke and Mirrors
Triadico +120° +240°
- D9E6E2
Crystalline Falls
- E3E1EC
≈ Opus Magnum
- EBE0D9
≈ Cameo Stone
Complementare divisa +150° +210°
- D9E6E2
Crystalline Falls
- E8DFE8
≈ Diluted Pink
- ECDFDD
≈ White Beet
Tetradico +90° +180° +270°
- D9E6E2
Crystalline Falls
- DEE3ED
≈ Violet Extract
- EBDFE3
≈ Weak Mauve
- E7E2D8
≈ Dove White
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASu nero
WCAG 16.36:1 · APCA Lc 90
Miglior colore del testo: #000000
WCAG 16.36:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--crystalline-falls: #d9e6e2;
--crystalline-falls-rgb: 217 230 226;
--crystalline-falls-oklch: oklch(0.914 0.015 175.7);
}
.element {
color: var(--crystalline-falls);
background-color: hsl(162 21% 88%);
border-color: oklch(0.914 0.015 175.7);
}Tailwind CSS v4
@theme {
--color-crystalline-falls: #d9e6e2;
--color-crystalline-falls-50: #f1f7f5;
--color-crystalline-falls-100: #e3e9e8;
--color-crystalline-falls-200: #ced6d4;
--color-crystalline-falls-300: #b0bab7;
--color-crystalline-falls-400: #96a19e;
--color-crystalline-falls-500: #7c8a86;
--color-crystalline-falls-600: #697471;
--color-crystalline-falls-700: #545d5a;
--color-crystalline-falls-800: #3d4442;
--color-crystalline-falls-900: #2a2f2d;
--color-crystalline-falls-950: #181c1a;
}SCSS
$crystalline-falls: #d9e6e2;
$crystalline-falls-rgb: 217, 230, 226;
$crystalline-falls-light: mix(#fff, $crystalline-falls, 20%);
$crystalline-falls-dark: mix(#000, $crystalline-falls, 20%);
.element {
color: $crystalline-falls;
box-shadow: 0 0 0 2px rgba($crystalline-falls, 0.35);
}