Named color · #E1E6F2
Crystal Falls
Crystal Falls is #E1E6F2: rgb(225 230 242), hsl(222 40% 92%), oklch(0.925 0.017 267.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Crystal Falls color name →
#E1E6F2
oklch(0.925 0.017 267.8)
Color conversions
- HEX
- #e1e6f2
- RGB
- rgb(225 230 242)
- HSL
- hsl(222 40% 92%)
- HWB
- hwb(222 88% 5%)
- OKLCH
- oklch(0.925 0.017 267.8)
- OKLab
- oklab(0.925 -0.001 -0.017)
- CIE Lab
- lab(91.17 -0.06 -6.46)
- LCH
- lch(91.17 6.46 269.4)
- CMYK
- cmyk(7% 5% 0% 5%)
Tints · Shades · Tones
Tints
- E4E8F3
- E7EBF5
- EAEDF6
- EDF0F7
- F0F2F9
- F3F5FA
- F6F7FB
- F9FAFC
- FCFCFE
Shades
- C4C8D2
- A7ABB4
- 8B8E96
- 707379
- 56595E
- 3E4043
- 27282B
- 121314
- 020303
Tones
- D7DBE6
- CDD1DA
- C3C6CE
- B9BCC3
- AFB2B7
- A6A7AC
- 9C9DA1
- 939496
- 898A8B
Color harmonies
Complementary +180°
- E1E6F2
Crystal Falls
- EBE6DA
≈ China White
Analogous -30° +30°
- E1E6F2
Crystal Falls
- DCE8F0
≈ Moby Dick
- E7E4F0
≈ Modest Violet
Triadic +120° +240°
- E1E6F2
Crystal Falls
- F1E2E0
≈ Chantilly Lace
- DFE9E0
≈ Watermark
Split-complementary +150° +210°
- E1E6F2
Crystal Falls
- EFE4DB
≈ Sweet Gardenia
- E5E8DB
≈ Spinach White
Tetradic +90° +180° +270°
- E1E6F2
Crystal Falls
- F0E2E6
≈ Dulcet Pink
- EBE6DA
≈ China White
- DBEAE6
≈ Tropical Dream
Contrast & accessibility
Ag
FailOn white
WCAG 1.24:1 · APCA Lc 12
Ag
AAAOn black
WCAG 16.80:1 · APCA Lc 92
Best text color: #000000
WCAG 16.80:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--crystal-falls: #e1e6f2;
--crystal-falls-rgb: 225 230 242;
--crystal-falls-oklch: oklch(0.925 0.017 267.8);
}
.element {
color: var(--crystal-falls);
background-color: hsl(222 40% 92%);
border-color: oklch(0.925 0.017 267.8);
}Tailwind CSS v4
@theme {
--color-crystal-falls: #e1e6f2;
--color-crystal-falls-50: #f3f5fa;
--color-crystal-falls-100: #e5e8ee;
--color-crystal-falls-200: #d1d4dc;
--color-crystal-falls-300: #b4b7c0;
--color-crystal-falls-400: #9a9ea9;
--color-crystal-falls-500: #818692;
--color-crystal-falls-600: #6d717b;
--color-crystal-falls-700: #575b63;
--color-crystal-falls-800: #3f4248;
--color-crystal-falls-900: #2c2e32;
--color-crystal-falls-950: #191b1e;
}SCSS
$crystal-falls: #e1e6f2;
$crystal-falls-rgb: 225, 230, 242;
$crystal-falls-light: mix(#fff, $crystal-falls, 20%);
$crystal-falls-dark: mix(#000, $crystal-falls, 20%);
.element {
color: $crystal-falls;
box-shadow: 0 0 0 2px rgba($crystal-falls, 0.35);
}